Dibuat di 08/18/2025 08:34
Generative Design Webflow Spectrum
- Render Indigo#4f46e5
- Prototype Coral#fb7185
- Canvas White#f9fafb
- Vector Yellow#facc15
- Node Green#22c55e
- Hyperlink Blue#3b82f6
- Terminal Black#111827
Palet terdiri dari Setengah gelap, Lampu, Gelap warna. Warna aksen Vector Yellow #facc15 Dan Hyperlink Blue #3b82f6. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #111827 (paling gelap) ke #F9FAFB (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi).
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #111827, #22C55E, #3B82F6, #4F46E5, #F9FAFB, #FACC15, #FB7185
Palette Generative Design Webflow Spectrum memiliki kombinasi warna kode 7:
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #fb7185, RGB: (251, 113, 133); HEX: #f9fafb, RGB: (249, 250, 251)
HEX: #facc15, RGB: (250, 204, 21); HEX: #22c55e, RGB: (34, 197, 94); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #111827, RGB: (17, 24, 39)
Versi warna palet yang disederhanakan
Warna dari slateblue, Warna dari lightcoral, Bayangan dari whitesmoke, Warna dari gold, Warna dari limegreen, Warna dari dodgerblue, Bayangan dari Hitam
Skema warna diciptakan oleh palettespicker
Kode warna dalam palet
Generative Design Webflow Spectrum kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Render Indigo | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Prototype Coral | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Canvas White | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Vector Yellow | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Node Green | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Hyperlink Blue | — |
| #111827 | #111827 | RGB(17, 24, 39) | Terminal Black | — |
Kontras Palet Warna
7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#4f46e5 | #3b82f6 | 1.7 |
#fb7185 | #facc15 | 1.75 |
#fb7185 | #22c55e | 1.18 |
#fb7185 | #3b82f6 | 1.36 |
#f9fafb | #facc15 | 1.46 |
#facc15 | #22c55e | 1.48 |
Palet gambar Generative Design Webflow Spectrum png
Ekspor Palet
Unduh "Generative Design Webflow Spectrum" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: