Створено 06/27/2025 17:28
UI Kit Accessibility Engine
- Readable Gold#facc15
- Support Indigo#4f46e5
- Error Coral#f43f5e
- Success Green#22c55e
- Warning Amber#f97316
- Info Sky#60a5fa
- Background Fog#f5f5f5
Палітра містить світлий, напівтемний кольори. Акцентні кольори Readable Gold #facc15 та Info Sky #60a5fa. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #22C55E (найтемніший) до #F5F5F5 (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #22C55E, #4F46E5, #60A5FA, #F43F5E, #F5F5F5, #F97316, #FACC15
Палітра UI Kit Accessibility Engine містить комбінацію з 7 кодів кольорів :
HEX: #facc15, RGB: (250, 204, 21); HEX: #4f46e5, RGB: (79, 70, 229); HEX: #f43f5e, RGB: (244, 63, 94)
HEX: #22c55e, RGB: (34, 197, 94); HEX: #f97316, RGB: (249, 115, 22); HEX: #60a5fa, RGB: (96, 165, 250)
HEX: #f5f5f5, RGB: (245, 245, 245)
Спрощений варіант палітри кольорів
Відтінок gold, Відтінок slateblue, Відтінок indianred, Відтінок limegreen, Відтінок chocolate, Відтінок cornflowerblue
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
UI Kit Accessibility Engine коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #facc15 | #facc15 | RGB(250, 204, 21) | Readable Gold | — |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Support Indigo | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Error Coral | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Success Green | — |
| #f97316 | #f97316 | RGB(249, 115, 22) | Warning Amber | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Info Sky | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Background Fog | White Smoke |
Контраст палітри кольорів
11 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#facc15 | #22c55e | 1.48 |
#facc15 | #f97316 | 1.83 |
#facc15 | #60a5fa | 1.66 |
#facc15 | #f5f5f5 | 1.4 |
#4f46e5 | #f43f5e | 1.71 |
#f43f5e | #22c55e | 1.61 |
Зображення палітри UI Kit Accessibility Engine png
Експортувати палітру
Завантажте "UI Kit Accessibility Engine" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: