Utworzono o godz 07/22/2025 16:55
UI Accessibility Testing Kit Colors
- HighContrast Yellow#ffdd00
- Error Red#ff3b30
- Readable Sky#4aa1f3
- Compliance Gray#b0bec5
- Keyboard Black#1c1c1e
- Voice Text White#ffffff
Paleta składa się z kolorów Światło, Półciemny, Ciemny. Kolory akcentujące HighContrast Yellow #ffdd00 i Readable Sky #4aa1f3. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #1C1C1E (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).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #1C1C1E, #4AA1F3, #B0BEC5, #FF3B30, #FFDD00, #FFFFFF
Paleta UI Accessibility Testing Kit Colors zawiera kombinację kolorów kodów 6:
KLĄTWA: #ffdd00, RGB: (255, 221, 0); KLĄTWA: #ff3b30, RGB: (255, 59, 48); KLĄTWA: #4aa1f3, RGB: (74, 161, 243)
KLĄTWA: #b0bec5, RGB: (176, 190, 197); KLĄTWA: #1c1c1e, RGB: (28, 28, 30); KLĄTWA: #ffffff, RGB: (255, 255, 255)
Uproszczona wersja palety kolorów
Cień gold, Odcień tomato, Cień dodgerblue, Odcień Srebro, Cień Czarny, Biały
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
UI Accessibility Testing Kit Colors kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ffdd00 | #ffdd00 | RGB(255, 221, 0) | HighContrast Yellow | Super Saiyan |
| #ff3b30 | #ff3b30 | RGB(255, 59, 48) | Error Red | — |
| #4aa1f3 | #4aa1f3 | RGB(74, 161, 243) | Readable Sky | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Compliance Gray | Ocean Drive |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Keyboard Black | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Voice Text White | White |
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 |
#ffdd00 | #b0bec5 | 1.41 |
#ffdd00 | #ffffff | 1.34 |
#ff3b30 | #4aa1f3 | 1.29 |
#ff3b30 | #b0bec5 | 1.86 |
#4aa1f3 | #b0bec5 | 1.43 |
#b0bec5 | #ffffff | 1.9 |
Paleta obrazów UI Accessibility Testing Kit Colors png
Eksportuj paletę
Pobierz "UI Accessibility Testing Kit Colors" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: