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