Interactive Learning UI Flow
- Quiz Yellow#ffe066
- Hover Ink#111111
- Module Sky#8ecae6
- Score Green#00b894
- Popup Blush#ffd6d6
- Overlay White#fafafa
Utworzono 06/14/2025 19:45
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Score Green #00b894 i Popup Blush #ffd6d6. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #111111 (najciemniejszy) do #FAFAFA (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 67% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ciepłe i zimne próbki są dość zrównoważone (2 ciepłych, 2 zimnych).
Kody HEX (posortowane): #00B894, #111111, #8ECAE6, #FAFAFA, #FFD6D6, #FFE066
Paleta Interactive Learning UI Flow łączy 6 kodów kolorów:
HEX: #ffe066, RGB: (255, 224, 102); HEX: #111111, RGB: (17, 17, 17); HEX: #8ecae6, RGB: (142, 202, 230)
HEX: #00b894, RGB: (0, 184, 148); HEX: #ffd6d6, RGB: (255, 214, 214); HEX: #fafafa, RGB: (250, 250, 250)
Uproszczona wersja palety kolorów
Jasny odcień Złoty, Jasny odcień Czarny, Ciemny odcień Błękit nieba, Ciemny odcień Średnia akwamaryna, Ciemny odcień Mglista róża, Jasny odcień Biały dym
Schemat kolorów został stworzony przez colourlock
Kody kolorów w palecie
Interactive Learning UI Flow kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Quiz Yellow | — |
| #111111 | #111111 | RGB(17, 17, 17) | Hover Ink | Dreamless Sleep |
| #8ecae6 | #8ecae6 | RGB(142, 202, 230) | Module Sky | — |
| #00b894 | #00b894 | RGB(0, 184, 148) | Score Green | — |
| #ffd6d6 | #ffd6d6 | RGB(255, 214, 214) | Popup Blush | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Overlay White | Dr. White |
Kontrast palety kolorów
9 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#ffe066 | #8ecae6 | 1.37 |
#ffe066 | #00b894 | 1.94 |
#ffe066 | #ffd6d6 | 1.01 |
#ffe066 | #fafafa | 1.24 |
#8ecae6 | #00b894 | 1.41 |
#8ecae6 | #ffd6d6 | 1.34 |
Paleta obrazów Interactive Learning UI Flow png
Eksportuj paletę
Pobierz "Interactive Learning UI Flow" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: