Utworzono o godz 06/16/2025 20:09
Mobile First Accessibility Kit
- Readability Navy#1d2545
- Tap Yellow#fff176
- Focus Ring Aqua#38f3e2
- Content Vanilla#fdf4e3
- Contrast Coral#fa7268
- Clear Text Gray#3b3b3b
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Tap Yellow #fff176 i Focus Ring Aqua #38f3e2. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #1D2545 (najciemniejszy) do #FDF4E3 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #1D2545, #38F3E2, #3B3B3B, #FA7268, #FDF4E3, #FFF176
Paleta Mobile First Accessibility Kit zawiera kombinację kolorów kodów 6:
KLĄTWA: #1d2545, RGB: (29, 37, 69); KLĄTWA: #fff176, RGB: (255, 241, 118); KLĄTWA: #38f3e2, RGB: (56, 243, 226)
KLĄTWA: #fdf4e3, RGB: (253, 244, 227); KLĄTWA: #fa7268, RGB: (250, 114, 104); KLĄTWA: #3b3b3b, RGB: (59, 59, 59)
Uproszczona wersja palety kolorów
Cień midnightblue, Cień Khaki, Cień turquoise, Odcień oldlace, Odcień salmon, Odcień darkslategrey
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Mobile First Accessibility Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #1d2545 | #1d2545 | RGB(29, 37, 69) | Readability Navy | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Tap Yellow | — |
| #38f3e2 | #38f3e2 | RGB(56, 243, 226) | Focus Ring Aqua | — |
| #fdf4e3 | #fdf4e3 | RGB(253, 244, 227) | Content Vanilla | — |
| #fa7268 | #fa7268 | RGB(250, 114, 104) | Contrast Coral | — |
| #3b3b3b | #3b3b3b | RGB(59, 59, 59) | Clear Text Gray | Gray23 |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#1d2545 | #3b3b3b | 1.33 |
#fff176 | #38f3e2 | 1.19 |
#fff176 | #fdf4e3 | 1.06 |
#38f3e2 | #fdf4e3 | 1.27 |
#38f3e2 | #fa7268 | 1.96 |
Paleta obrazów Mobile First Accessibility Kit png
Eksportuj paletę
Pobierz "Mobile First Accessibility Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: