Utworzono o godz 07/08/2025 08:26
Webflow Neural Grid System
- Flow Pink#ff5e84
- Semantic Gold#ffc857
- Pixel Fog#f6f6f9
- UX Graphite#2d3142
- Canvas Lilac#b9aff9
- Grid White#ffffff
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Semantic Gold #ffc857 i Canvas Lilac #b9aff9. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #2D3142 (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #2D3142, #B9AFF9, #F6F6F9, #FF5E84, #FFC857, #FFFFFF
Paleta Webflow Neural Grid System zawiera kombinację kolorów kodów 6:
KLĄTWA: #ff5e84, RGB: (255, 94, 132); KLĄTWA: #ffc857, RGB: (255, 200, 87); KLĄTWA: #f6f6f9, RGB: (246, 246, 249)
KLĄTWA: #2d3142, RGB: (45, 49, 66); KLĄTWA: #b9aff9, RGB: (185, 175, 249); KLĄTWA: #ffffff, RGB: (255, 255, 255)
Uproszczona wersja palety kolorów
Odcień palevioletred, Cień gold, Cień whitesmoke, Odcień darkslateblue, Odcień lightsteelblue, Biały
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Webflow Neural Grid System kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ff5e84 | #ff5e84 | RGB(255, 94, 132) | Flow Pink | — |
| #ffc857 | #ffc857 | RGB(255, 200, 87) | Semantic Gold | — |
| #f6f6f9 | #f6f6f9 | RGB(246, 246, 249) | Pixel Fog | — |
| #2d3142 | #2d3142 | RGB(45, 49, 66) | UX Graphite | — |
| #b9aff9 | #b9aff9 | RGB(185, 175, 249) | Canvas Lilac | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Grid White | White |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#ff5e84 | #ffc857 | 1.89 |
#ff5e84 | #b9aff9 | 1.46 |
#ffc857 | #f6f6f9 | 1.42 |
#ffc857 | #b9aff9 | 1.29 |
#ffc857 | #ffffff | 1.53 |
#f6f6f9 | #b9aff9 | 1.84 |
Paleta obrazów Webflow Neural Grid System png
Eksportuj paletę
Pobierz "Webflow Neural Grid System" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: