Створено 07/04/2025 20:32
Generative UI Toolkit
- Prompt Peach#ffc6b3
- Output Ink#1a1a1a
- Feedback Frost#d6f0f5
- Compute Purple#b497d6
- Studio Slate#3c3f58
- Dataset Beige#f2ebd3
Палітра містить світлий, темний кольори. Акцентні кольори Prompt Peach #ffc6b3 та Feedback Frost #d6f0f5. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #1A1A1A (найтемніший) до #D6F0F5 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1A1A1A, #3C3F58, #B497D6, #D6F0F5, #F2EBD3, #FFC6B3
Палітра Generative UI Toolkit містить комбінацію з 6 кодів кольорів :
HEX: #ffc6b3, RGB: (255, 198, 179); HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #d6f0f5, RGB: (214, 240, 245)
HEX: #b497d6, RGB: (180, 151, 214); HEX: #3c3f58, RGB: (60, 63, 88); HEX: #f2ebd3, RGB: (242, 235, 211)
Спрощений варіант палітри кольорів
Відтінок peachpuff, Відтінок Чорний, Відтінок lightcyan, Відтінок plum, Відтінок darkslateblue, Відтінок cornsilk
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Generative UI Toolkit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffc6b3 | #ffc6b3 | RGB(255, 198, 179) | Prompt Peach | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Output Ink | Gray10 |
| #d6f0f5 | #d6f0f5 | RGB(214, 240, 245) | Feedback Frost | — |
| #b497d6 | #b497d6 | RGB(180, 151, 214) | Compute Purple | — |
| #3c3f58 | #3c3f58 | RGB(60, 63, 88) | Studio Slate | — |
| #f2ebd3 | #f2ebd3 | RGB(242, 235, 211) | Dataset Beige | Candlewick |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffc6b3 | #d6f0f5 | 1.26 |
#ffc6b3 | #b497d6 | 1.67 |
#ffc6b3 | #f2ebd3 | 1.25 |
#1a1a1a | #3c3f58 | 1.69 |
#d6f0f5 | #f2ebd3 | 1 |
Зображення палітри Generative UI Toolkit png
Експортувати палітру
Завантажте "Generative UI Toolkit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: