Створено 07/13/2025 14:34
Design Token Driven System UI
- Primary Indigo#3f51b5
- Secondary Peach#ffb997
- Success Mint#9aeba3
- Alert Red#e63946
- Neutral White#ffffff
- Disabled Grey#b0bec5
Палітра містить напівтемний, світлий кольори. Акцентні кольори Primary Indigo #3f51b5 та Secondary Peach #ffb997. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #3F51B5 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #3F51B5, #9AEBA3, #B0BEC5, #E63946, #FFB997, #FFFFFF
Палітра Design Token Driven System UI містить комбінацію з 6 кодів кольорів :
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ffb997, RGB: (255, 185, 151); HEX: #9aeba3, RGB: (154, 235, 163)
HEX: #e63946, RGB: (230, 57, 70); HEX: #ffffff, RGB: (255, 255, 255); HEX: #b0bec5, RGB: (176, 190, 197)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок lightsalmon, Відтінок lightgreen, Відтінок crimson, Білий, Відтінок Срібний
Кольорова схема створена автором colorhunt
Коди кольорів у палітрі
Design Token Driven System UI коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Primary Indigo | — |
| #ffb997 | #ffb997 | RGB(255, 185, 151) | Secondary Peach | — |
| #9aeba3 | #9aeba3 | RGB(154, 235, 163) | Success Mint | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Alert Red | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Neutral White | White |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Disabled Grey | Ocean Drive |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3f51b5 | #e63946 | 1.64 |
#ffb997 | #9aeba3 | 1.16 |
#ffb997 | #ffffff | 1.66 |
#ffb997 | #b0bec5 | 1.14 |
#9aeba3 | #ffffff | 1.42 |
#9aeba3 | #b0bec5 | 1.34 |
Зображення палітри Design Token Driven System UI png
Експортувати палітру
Завантажте "Design Token Driven System UI" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: