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