Utworzono o godz 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
Paleta składa się z kolorów Półciemny, Światło, Ciemny. Kolory akcentujące Vector Yellow #facc15 i Hyperlink Blue #3b82f6. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #111827 (najciemniejszy) do #F9FAFB (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #111827, #22C55E, #3B82F6, #4F46E5, #F9FAFB, #FACC15, #FB7185
Paleta Generative Design Webflow Spectrum zawiera kombinację kolorów kodów 7:
KLĄTWA: #4f46e5, RGB: (79, 70, 229); KLĄTWA: #fb7185, RGB: (251, 113, 133); KLĄTWA: #f9fafb, RGB: (249, 250, 251)
KLĄTWA: #facc15, RGB: (250, 204, 21); KLĄTWA: #22c55e, RGB: (34, 197, 94); KLĄTWA: #3b82f6, RGB: (59, 130, 246)
KLĄTWA: #111827, RGB: (17, 24, 39)
Uproszczona wersja palety kolorów
Odcień slateblue, Odcień lightcoral, Cień whitesmoke, Odcień gold, Odcień limegreen, Odcień dodgerblue, Cień Czarny
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Generative Design Webflow Spectrum kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #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 | — |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#4f46e5 | #3b82f6 | 1.7 |
#fb7185 | #facc15 | 1.75 |
#fb7185 | #22c55e | 1.18 |
#fb7185 | #3b82f6 | 1.36 |
#f9fafb | #facc15 | 1.46 |
#facc15 | #22c55e | 1.48 |
Paleta obrazów Generative Design Webflow Spectrum png
Eksportuj paletę
Pobierz "Generative Design Webflow Spectrum" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: