Створено 07/11/2025 16:39
Visual Design Token Palette
- Primary Indigo#6366f1
- Accent Amber#fbbf24
- Secondary Lilac#c084fc
- Base Gray#e5e7eb
- Surface White#ffffff
- Highlight Cyan#22d3ee
Палітра містить світлий кольори. Акцентні кольори Accent Amber #fbbf24 та Secondary Lilac #c084fc. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #22D3EE (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #22D3EE, #6366F1, #C084FC, #E5E7EB, #FBBF24, #FFFFFF
Палітра Visual Design Token Palette містить комбінацію з 6 кодів кольорів :
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fbbf24, RGB: (251, 191, 36); HEX: #c084fc, RGB: (192, 132, 252)
HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #ffffff, RGB: (255, 255, 255); HEX: #22d3ee, RGB: (34, 211, 238)
Спрощений варіант палітри кольорів
Відтінок mediumslateblue, Відтінок goldenrod, Відтінок violet, Відтінок gainsboro, Білий, Відтінок darkturquoise
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Visual Design Token Palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Primary Indigo | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | Accent Amber | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Secondary Lilac | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Base Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Highlight Cyan | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#6366f1 | #c084fc | 1.69 |
#fbbf24 | #c084fc | 1.58 |
#fbbf24 | #e5e7eb | 1.34 |
#fbbf24 | #ffffff | 1.66 |
#fbbf24 | #22d3ee | 1.08 |
#c084fc | #22d3ee | 1.46 |
Зображення палітри Visual Design Token Palette png
Експортувати палітру
Завантажте "Visual Design Token Palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: