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