Создано 07/10/2025 08:32
Contrast Optimized Devkit
- Keyword Blue#264653
- Panel Vanilla#f7eedd
- Accent Red#e63946
- Tooltip Navy#2a2e45
- Readable Green#a8e6cf
- Highlight Orange#ffa36c
- Drawer White#ffffff
Палитра содержит светлый, полутемный, темный цвета. Акцентные цвета Readable Green #a8e6cf да Highlight Orange #ffa36c. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #2A2E45 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #264653, #2A2E45, #A8E6CF, #E63946, #F7EEDD, #FFA36C, #FFFFFF
Палитра Contrast Optimized Devkit содержит комбинацию из 7 кодов цветов:
HEX: #264653, RGB: (38, 70, 83); HEX: #f7eedd, RGB: (247, 238, 221); HEX: #e63946, RGB: (230, 57, 70)
HEX: #2a2e45, RGB: (42, 46, 69); HEX: #a8e6cf, RGB: (168, 230, 207); HEX: #ffa36c, RGB: (255, 163, 108)
HEX: #ffffff, RGB: (255, 255, 255)
Упрощенная версия цветов палитры
Оттенок darkslategrey, Оттенок oldlace, Тень crimson, Тень midnightblue, Оттенок paleturquoise, Тень lightsalmon, Белый
Цветовая схема создана автором colourlock
Коды цветов в палитре
Contrast Optimized Devkit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #264653 | #264653 | RGB(38, 70, 83) | Keyword Blue | — |
| #f7eedd | #f7eedd | RGB(247, 238, 221) | Panel Vanilla | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Accent Red | — |
| #2a2e45 | #2a2e45 | RGB(42, 46, 69) | Tooltip Navy | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Readable Green | — |
| #ffa36c | #ffa36c | RGB(255, 163, 108) | Highlight Orange | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Drawer White | White |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#264653 | #2a2e45 | 1.32 |
#f7eedd | #a8e6cf | 1.22 |
#f7eedd | #ffa36c | 1.7 |
#f7eedd | #ffffff | 1.15 |
#a8e6cf | #ffa36c | 1.39 |
#a8e6cf | #ffffff | 1.41 |
Изображение палитры Contrast Optimized Devkit png
Экспорт палитры
Скачайте "Contrast Optimized Devkit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: