Створено 06/14/2025 19:40
AI Form Autofill Design Tokens
- Field Rose#ffd1dc
- Label Slate#94a3b8
- Helper Mint#b9fbc0
- Valid Cream#f7f9f9
- Invalid Red#ef4444
- Submit Graphite#1c1c1e
Палітра містить світлий, темний кольори. Акцентні кольори Field Rose #ffd1dc та Helper Mint #b9fbc0. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #1C1C1E (найтемніший) до #F7F9F9 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #1C1C1E, #94A3B8, #B9FBC0, #EF4444, #F7F9F9, #FFD1DC
Палітра AI Form Autofill Design Tokens містить комбінацію з 6 кодів кольорів :
HEX: #ffd1dc, RGB: (255, 209, 220); HEX: #94a3b8, RGB: (148, 163, 184); HEX: #b9fbc0, RGB: (185, 251, 192)
HEX: #f7f9f9, RGB: (247, 249, 249); HEX: #ef4444, RGB: (239, 68, 68); HEX: #1c1c1e, RGB: (28, 28, 30)
Спрощений варіант палітри кольорів
Відтінок Рожевий, Відтінок lightslategrey, Відтінок palegreen, Відтінок whitesmoke, Відтінок indianred, Відтінок Чорний
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
AI Form Autofill Design Tokens коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffd1dc | #ffd1dc | RGB(255, 209, 220) | Field Rose | — |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Label Slate | — |
| #b9fbc0 | #b9fbc0 | RGB(185, 251, 192) | Helper Mint | — |
| #f7f9f9 | #f7f9f9 | RGB(247, 249, 249) | Valid Cream | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Invalid Red | — |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Submit Graphite | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffd1dc | #94a3b8 | 1.88 |
#ffd1dc | #b9fbc0 | 1.14 |
#ffd1dc | #f7f9f9 | 1.28 |
#94a3b8 | #ef4444 | 1.46 |
#b9fbc0 | #f7f9f9 | 1.12 |
Зображення палітри AI Form Autofill Design Tokens png
Експортувати палітру
Завантажте "AI Form Autofill Design Tokens" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: