Utworzono o godz 07/08/2025 20:36
Webflow Predictive UI Grid
- Structure Lilac#d3c4e3
- Interaction Sky#9be8ff
- Motion Gold#ffd972
- Component Teal#4ecdc4
- Hover Ink#121212
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Interaction Sky #9be8ff i Motion Gold #ffd972. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #121212 (najciemniejszy) do #D3C4E3 (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): #121212, #4ECDC4, #9BE8FF, #D3C4E3, #FFD972
Paleta Webflow Predictive UI Grid zawiera kombinację kolorów kodów 5:
KLĄTWA: #d3c4e3, RGB: (211, 196, 227); KLĄTWA: #9be8ff, RGB: (155, 232, 255); KLĄTWA: #ffd972, RGB: (255, 217, 114)
KLĄTWA: #4ecdc4, RGB: (78, 205, 196); KLĄTWA: #121212, RGB: (18, 18, 18)
Uproszczona wersja palety kolorów
Cień thistle, Cień lightblue, Odcień Khaki, Odcień mediumturquoise, Cień Czarny
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Webflow Predictive UI Grid kody kolorów HEX, informacje RGB w tabeli
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#d3c4e3 | #9be8ff | 1.2 |
#d3c4e3 | #ffd972 | 1.2 |
#d3c4e3 | #4ecdc4 | 1.17 |
#9be8ff | #ffd972 | 1 |
#9be8ff | #4ecdc4 | 1.41 |
#ffd972 | #4ecdc4 | 1.42 |
Paleta obrazów Webflow Predictive UI Grid png
Eksportuj paletę
Pobierz "Webflow Predictive UI Grid" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: