Utworzono o godz 07/02/2025 16:50
Accessible UI Light Mode UX
- Canvas Beige#fff8e1
- Wireframe Grey#bdbdbd
- Focus Orange#ffb74d
- Link Blue#64b5f6
- Semantic Text Black#212121
- Card White#ffffff
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Canvas Beige #fff8e1 i Link Blue #64b5f6. Paleta ma temperaturę kolorów Neutralny, Ciepły, Zimny.
Według jasności paleta rozciąga się od #212121 (najciemniejszy) do #FFFFFF (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).
Większość próbek odczytuje się jako neutralne w temperaturze.
Kody HEX (posortowane): #212121, #64B5F6, #BDBDBD, #FFB74D, #FFF8E1, #FFFFFF
Paleta Accessible UI Light Mode UX zawiera kombinację kolorów kodów 6:
KLĄTWA: #fff8e1, RGB: (255, 248, 225); KLĄTWA: #bdbdbd, RGB: (189, 189, 189); KLĄTWA: #ffb74d, RGB: (255, 183, 77)
KLĄTWA: #64b5f6, RGB: (100, 181, 246); KLĄTWA: #212121, RGB: (33, 33, 33); KLĄTWA: #ffffff, RGB: (255, 255, 255)
Uproszczona wersja palety kolorów
Cień cornsilk, Odcień Srebro, Cień Pomarańczowy, Cień deepskyblue, Cień Czarny, Biały
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Accessible UI Light Mode UX kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Canvas Beige | Still Morning |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Wireframe Grey | Gray74 |
| #ffb74d | #ffb74d | RGB(255, 183, 77) | Focus Orange | — |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | Link Blue | — |
| #212121 | #212121 | RGB(33, 33, 33) | Semantic Text Black | Lead |
| #ffffff | #ffffff | RGB(255, 255, 255) | Card White | White |
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 |
#fff8e1 | #bdbdbd | 1.76 |
#fff8e1 | #ffb74d | 1.62 |
#fff8e1 | #ffffff | 1.06 |
#bdbdbd | #ffb74d | 1.08 |
#bdbdbd | #64b5f6 | 1.17 |
#bdbdbd | #ffffff | 1.87 |
Paleta obrazów Accessible UI Light Mode UX png
Eksportuj paletę
Pobierz "Accessible UI Light Mode UX" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: