Utworzono o godz 07/22/2025 11:42
Accessible Light Mode UI Kit Pro
- Accessible Cream#fffde7
- Outline Stone#c8c8c8
- Elemental Aqua#81d4fa
- Focus Indigo#3f51b5
- Flat UX Navy#263238
- Label Text Gray#424242
Paleta składa się z kolorów Światło, Półciemny, Ciemny. Kolory akcentujące Accessible Cream #fffde7 i Elemental Aqua #81d4fa. Paleta ma temperaturę kolorów Neutralny, Zimny.
Według jasności paleta rozciąga się od #263238 (najciemniejszy) do #FFFDE7 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
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): #263238, #3F51B5, #424242, #81D4FA, #C8C8C8, #FFFDE7
Paleta Accessible Light Mode UI Kit Pro zawiera kombinację kolorów kodów 6:
KLĄTWA: #fffde7, RGB: (255, 253, 231); KLĄTWA: #c8c8c8, RGB: (200, 200, 200); KLĄTWA: #81d4fa, RGB: (129, 212, 250)
KLĄTWA: #3f51b5, RGB: (63, 81, 181); KLĄTWA: #263238, RGB: (38, 50, 56); KLĄTWA: #424242, RGB: (66, 66, 66)
Uproszczona wersja palety kolorów
Cień beige, Cień Srebro, Cień skyblue, Odcień slateblue, Odcień darkslategrey, Odcień darkslategrey
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Accessible Light Mode UI Kit Pro kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #fffde7 | #fffde7 | RGB(255, 253, 231) | Accessible Cream | — |
| #c8c8c8 | #c8c8c8 | RGB(200, 200, 200) | Outline Stone | — |
| #81d4fa | #81d4fa | RGB(129, 212, 250) | Elemental Aqua | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Focus Indigo | — |
| #263238 | #263238 | RGB(38, 50, 56) | Flat UX Navy | — |
| #424242 | #424242 | RGB(66, 66, 66) | Label Text Gray | Black Panther |
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 |
#fffde7 | #c8c8c8 | 1.62 |
#fffde7 | #81d4fa | 1.6 |
#c8c8c8 | #81d4fa | 1.01 |
#3f51b5 | #263238 | 1.91 |
#3f51b5 | #424242 | 1.46 |
#263238 | #424242 | 1.3 |
Paleta obrazów Accessible Light Mode UI Kit Pro png
Eksportuj paletę
Pobierz "Accessible Light Mode UI Kit Pro" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: