Accessible Interface Layer Map
- Tab Indigo#6366f1
- Highlight Yellow#fef9c3
- Scroll Rose#fbcfe8
- Backdrop Fog#e5e7eb
- Link Slate#475569
- Banner White#fafafa
- Overlay Black#0f172a
Utworzono 06/26/2025 08:38
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące Tab Indigo #6366f1 i Highlight Yellow #fef9c3. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #0F172A (najciemniejszy) do #FAFAFA (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 3 żywych z 7 kolorów.
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): #0F172A, #475569, #6366F1, #E5E7EB, #FAFAFA, #FBCFE8, #FEF9C3
Paleta Accessible Interface Layer Map łączy 7 kodów kolorów:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #fbcfe8, RGB: (251, 207, 232)
HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #475569, RGB: (71, 85, 105); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #0f172a, RGB: (15, 23, 42)
Uproszczona wersja palety kolorów
Ciemny odcień Średni łupkowy niebieski, Ciemny odcień Cytrynowy szyfon, Jasny odcień Ostowy, Jasny odcień Gainsboro, Jasny odcień Ciemny łupkowy niebieski, Jasny odcień Biały dym, Jasny odcień Czarny
Schemat kolorów został stworzony przez colourlock
Kody kolorów w palecie
Accessible Interface Layer Map kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Tab Indigo | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Highlight Yellow | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Scroll Rose | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Backdrop Fog | — |
| #475569 | #475569 | RGB(71, 85, 105) | Link Slate | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Banner White | Dr. White |
| #0f172a | #0f172a | RGB(15, 23, 42) | Overlay Black | — |
Kontrast palety kolorów
7 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 | #475569 | 1.69 |
#fef9c3 | #fbcfe8 | 1.28 |
#fef9c3 | #e5e7eb | 1.15 |
#fef9c3 | #fafafa | 1.02 |
#fbcfe8 | #e5e7eb | 1.11 |
#fbcfe8 | #fafafa | 1.32 |
Paleta obrazów Accessible Interface Layer Map png
Eksportuj paletę
Pobierz "Accessible Interface Layer Map" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: