Создано 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
Палитра содержит светлый, полутемный, темный цвета. Акцентные цвета HighContrast Yellow #ffdd00 да Readable Sky #4aa1f3. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.
По светлоте палитра тянется от #1C1C1E (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Тёплые и холодные элементы довольно сбалансированы.
HEX-коды (по возрастанию): #1C1C1E, #4AA1F3, #B0BEC5, #FF3B30, #FFDD00, #FFFFFF
Палитра UI Accessibility Testing Kit Colors содержит комбинацию из 6 кодов цветов:
HEX: #ffdd00, RGB: (255, 221, 0); HEX: #ff3b30, RGB: (255, 59, 48); HEX: #4aa1f3, RGB: (74, 161, 243)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #1c1c1e, RGB: (28, 28, 30); HEX: #ffffff, RGB: (255, 255, 255)
Упрощенная версия цветов палитры
Тень gold, Оттенок tomato, Тень dodgerblue, Оттенок Серебряный, Тень Черный, Белый
Цветовая схема создана автором colorday
Коды цветов в палитре
UI Accessibility Testing Kit Colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #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 |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#ffdd00 | #b0bec5 | 1.41 |
#ffdd00 | #ffffff | 1.34 |
#ff3b30 | #4aa1f3 | 1.29 |
#ff3b30 | #b0bec5 | 1.86 |
#4aa1f3 | #b0bec5 | 1.43 |
#b0bec5 | #ffffff | 1.9 |
Изображение палитры UI Accessibility Testing Kit Colors png
Экспорт палитры
Скачайте "UI Accessibility Testing Kit Colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: