Human Centered Design Accessibility Inclusive UI Kit Colors
- Accessible Blue#3b82f6
- Inclusive Green#22c55e
- Alert Red#ef4444
- Focus Yellow#facc15
- Neutral Gray#d1d5db
- Background White#ffffff
- Text Dark#020617
Utworzono 03/30/2026 11:43
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Accessible Blue #3b82f6 i Focus Yellow #facc15. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #020617 (najciemniejszy) do #FFFFFF (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.
Ogólna temperatura barw przechyla się ku zimnu (3 z 7).
Kody HEX (posortowane): #020617, #22C55E, #3B82F6, #D1D5DB, #EF4444, #FACC15, #FFFFFF
Paleta Human Centered Design Accessibility Inclusive UI Kit Colors łączy 7 kodów kolorów:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22c55e, RGB: (34, 197, 94); HEX: #ef4444, RGB: (239, 68, 68)
HEX: #facc15, RGB: (250, 204, 21); HEX: #d1d5db, RGB: (209, 213, 219); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #020617, RGB: (2, 6, 23)
Uproszczona wersja palety kolorów
Ciemny odcień Niebieski Dodger, Ciemny odcień Limonkowa zieleń, Ciemny odcień Indyjska czerwień, Ciemny odcień Złoty, Jasny odcień Jasnoszary, Biały, Jasny odcień Czarny
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Human Centered Design Accessibility Inclusive UI Kit Colors kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Accessible Blue | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Inclusive Green | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Alert Red | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Focus Yellow | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Neutral Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #020617 | #020617 | RGB(2, 6, 23) | Text Dark | — |
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 |
|---|---|---|
#3b82f6 | #22c55e | 1.61 |
#3b82f6 | #ef4444 | 1.02 |
#22c55e | #ef4444 | 1.65 |
#22c55e | #facc15 | 1.48 |
#22c55e | #d1d5db | 1.54 |
#facc15 | #d1d5db | 1.03 |
Paleta obrazów Human Centered Design Accessibility Inclusive UI Kit Colors png
Eksportuj paletę
Pobierz "Human Centered Design Accessibility Inclusive UI Kit Colors" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: