Interactive Web App UI Tokens
- Click Coral#fb7185
- Hover Indigo#6366f1
- Input Cream#fef9c3
- Transition Teal#14b8a6
- Form Shadow#9ca3af
- Field Mist#f3f4f6
- CTA Yellow#fcd34d
Utworzono 06/27/2025 11:01
Paleta składa się z kolorów Jasny. Kolory akcentujące Hover Indigo #6366f1 i Input Cream #fef9c3. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #6366F1 (najciemniejszy) do #FEF9C3 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie wydaje się żywe (wysoka chroma) — 71% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku ciepłu (3 z 7).
Kody HEX (posortowane): #14B8A6, #6366F1, #9CA3AF, #F3F4F6, #FB7185, #FCD34D, #FEF9C3
Paleta Interactive Web App UI Tokens łączy 7 kodów kolorów:
HEX: #fb7185, RGB: (251, 113, 133); HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195)
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #fcd34d, RGB: (252, 211, 77)
Uproszczona wersja palety kolorów
Ciemny odcień Jasnokoralowy, Ciemny odcień Średni łupkowy niebieski, Ciemny odcień Cytrynowy szyfon, Ciemny odcień Jasna zieleń morska, Ciemny odcień Ciemnoszary, Ciemny odcień Biały dym, Jasny odcień Złoty
Schemat kolorów został stworzony przez colorslib
Kody kolorów w palecie
Interactive Web App UI Tokens kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Click Coral | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Hover Indigo | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Input Cream | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Transition Teal | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Form Shadow | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Field Mist | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | CTA Yellow | — |
Kontrast palety kolorów
12 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#fb7185 | #6366f1 | 1.65 |
#fb7185 | #14b8a6 | 1.08 |
#fb7185 | #9ca3af | 1.06 |
#fb7185 | #fcd34d | 1.86 |
#6366f1 | #14b8a6 | 1.79 |
#6366f1 | #9ca3af | 1.75 |
Paleta obrazów Interactive Web App UI Tokens png
Eksportuj paletę
Pobierz "Interactive Web App UI Tokens" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: