Создано 06/14/2025 19:41
AI Product Design Tokens
- Neural Pink#fec8d8
- UX Grid Blue#a0c4ff
- Data Label Ash#e5e5e5
- Action Ink#1a1a1a
- Prototype Cream#fef9ef
- Font Contrast Plum#845ec2
Палитра содержит светлый, темный цвета. Акцентные цвета Neural Pink #fec8d8 да UX Grid Blue #a0c4ff. Палитра имеет цветовую температуру Нейтральный, Холодный.
По светлоте палитра тянется от #1A1A1A (самый тёмный) до #FEF9EF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Большинство полос читаются как нейтральные по температуре.
HEX-коды (по возрастанию): #1A1A1A, #845EC2, #A0C4FF, #E5E5E5, #FEC8D8, #FEF9EF
Палитра AI Product Design Tokens содержит комбинацию из 6 кодов цветов:
HEX: #fec8d8, RGB: (254, 200, 216); HEX: #a0c4ff, RGB: (160, 196, 255); HEX: #e5e5e5, RGB: (229, 229, 229)
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #fef9ef, RGB: (254, 249, 239); HEX: #845ec2, RGB: (132, 94, 194)
Упрощенная версия цветов палитры
Тень Розовый, Оттенок lightsteelblue, Тень gainsboro, Тень Черный, Оттенок floralwhite, Тень slateblue
Цветовая схема создана автором hex
Коды цветов в палитре
AI Product Design Tokens коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #fec8d8 | #fec8d8 | RGB(254, 200, 216) | Neural Pink | — |
| #a0c4ff | #a0c4ff | RGB(160, 196, 255) | UX Grid Blue | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Data Label Ash | Gray90 |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Action Ink | Gray10 |
| #fef9ef | #fef9ef | RGB(254, 249, 239) | Prototype Cream | — |
| #845ec2 | #845ec2 | RGB(132, 94, 194) | Font Contrast Plum | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#fec8d8 | #a0c4ff | 1.22 |
#fec8d8 | #e5e5e5 | 1.15 |
#fec8d8 | #fef9ef | 1.38 |
#a0c4ff | #e5e5e5 | 1.4 |
#a0c4ff | #fef9ef | 1.69 |
#e5e5e5 | #fef9ef | 1.2 |
Изображение палитры AI Product Design Tokens png
Экспорт палитры
Скачайте "AI Product Design Tokens" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: