Smart UI Accessibility Tokens
- Readable Indigo#6366f1
- Focus Cream#fef9c3
- Hint Blue#3b82f6
- Label Rose#fbcfe8
- Error Black#0f172a
- Toggle Gray#9ca3af
- Hover Gold#facc15
Utworzono 06/26/2025 08:37
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Focus Cream #fef9c3 i Hint Blue #3b82f6. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #0F172A (najciemniejszy) do #FEF9C3 (najjaśniejszy). Zakres jasności jest szeroki.
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.
Ciepłe i zimne próbki są dość zrównoważone (3 ciepłych, 3 zimnych).
Kody HEX (posortowane): #0F172A, #3B82F6, #6366F1, #9CA3AF, #FACC15, #FBCFE8, #FEF9C3
Paleta Smart UI Accessibility Tokens łączy 7 kodów kolorów:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #0f172a, RGB: (15, 23, 42); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #facc15, RGB: (250, 204, 21)
Uproszczona wersja palety kolorów
Ciemny odcień Średni łupkowy niebieski, Ciemny odcień Cytrynowy szyfon, Ciemny odcień Niebieski Dodger, Jasny odcień Ostowy, Jasny odcień Czarny, Ciemny odcień Ciemnoszary, Ciemny odcień Złoty
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Smart UI Accessibility Tokens kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Readable Indigo | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Focus Cream | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Hint Blue | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Label Rose | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Error Black | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Toggle Gray | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Hover Gold | — |
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 |
|---|---|---|
#6366f1 | #3b82f6 | 1.21 |
#6366f1 | #9ca3af | 1.75 |
#fef9c3 | #fbcfe8 | 1.28 |
#fef9c3 | #facc15 | 1.42 |
#3b82f6 | #9ca3af | 1.44 |
#fbcfe8 | #9ca3af | 1.83 |
Paleta obrazów Smart UI Accessibility Tokens png
Eksportuj paletę
Pobierz "Smart UI Accessibility Tokens" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: