Web Form Logic Patterns
- Field Lavender#ddd6fe
- Submit Green#22c55e
- Placeholder Fog#e5e7eb
- Focus Border#3b82f6
- Tooltip Navy#1e293b
- Backdrop Cream#fdf2f8
Dibuat pada 06/25/2025 20:31
Palet terdiri dari Terang, Gelap warna. Warna aksen Field Lavender #ddd6fe dan Focus Border #3b82f6. Palet memiliki suhu warna Dingin, Netral.
Menurut kecerahan, palet ini dari #1E293B (paling gelap) ke #FDF2F8 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 67% warna cerah.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Secara keseluruhan suhu warna condong ke dingin (4 dari 6).
Kode HEX (diurutkan): #1E293B, #22C55E, #3B82F6, #DDD6FE, #E5E7EB, #FDF2F8
Palet Web Form Logic Patterns menggabungkan 6 kode warna:
HEX: #ddd6fe, RGB: (221, 214, 254); HEX: #22c55e, RGB: (34, 197, 94); HEX: #e5e7eb, RGB: (229, 231, 235)
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #1e293b, RGB: (30, 41, 59); HEX: #fdf2f8, RGB: (253, 242, 248)
Versi warna palet yang disederhanakan
Nuansa gelap dari Lavender, Nuansa gelap dari Hijau jeruk nipis, Nuansa terang dari Gainsboro, Nuansa gelap dari Biru Dodger, Nuansa terang dari Biru tengah malam, Nuansa terang dari Lavender kemerahan
Skema warna diciptakan oleh colorslib
Kode warna dalam palet
Web Form Logic Patterns kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #ddd6fe | #ddd6fe | RGB(221, 214, 254) | Field Lavender | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Submit Green | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Placeholder Fog | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Focus Border | — |
| #1e293b | #1e293b | RGB(30, 41, 59) | Tooltip Navy | — |
| #fdf2f8 | #fdf2f8 | RGB(253, 242, 248) | Backdrop Cream | — |
Kontras Palet Warna
6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#ddd6fe | #22c55e | 1.64 |
#ddd6fe | #e5e7eb | 1.12 |
#ddd6fe | #fdf2f8 | 1.27 |
#22c55e | #e5e7eb | 1.84 |
#22c55e | #3b82f6 | 1.61 |
#e5e7eb | #fdf2f8 | 1.13 |
Palet gambar Web Form Logic Patterns png
Ekspor Palet
Unduh "Web Form Logic Patterns" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: