Створено 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" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: