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