Accessible Contrast Design Tokens
- Readable Blue#1e88e5
- Overlay White#ffffff
- Focus Black#0c0c0c
- Highlight Yellow#fff176
- Toggle Red#ff5252
Створено 07/05/2025 13:18
Палітра містить світлий, темний кольори. Акцентні кольори Readable Blue #1e88e5 та Highlight Yellow #fff176. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #0C0C0C (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 60% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік теплого (2 із 5).
HEX-коди (відсортовано): #0C0C0C, #1E88E5, #FF5252, #FFF176, #FFFFFF
Палітра Accessible Contrast Design Tokens містить комбінацію з 5 кодів кольорів :
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #ffffff, RGB: (255, 255, 255); HEX: #0c0c0c, RGB: (12, 12, 12)
HEX: #fff176, RGB: (255, 241, 118); HEX: #ff5252, RGB: (255, 82, 82)
Спрощений варіант палітри кольорів
Темний відтінок Захисно-синій, Білий, Світлий відтінок Чорний, Світлий відтінок Хакі, Темний відтінок Томатний
Кольорова схема створена автором hex
Коди кольорів у палітрі
Accessible Contrast Design Tokens коди кольорів HEX, RGB інформація у таблиці
Контраст палітри кольорів
2 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#1e88e5 | #ff5252 | 1.15 |
#ffffff | #fff176 | 1.16 |
Палітра із зображення Accessible Contrast Design Tokens png
Експортувати палітру
Завантажте "Accessible Contrast Design Tokens" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: