Створено 06/30/2025 17:14
Intelligent UI Builder Tokens
- Component Indigo#4f46e5
- Logic Mint#4ade80
- Wireframe Cream#fff7ed
- Bind Coral#fb7185
- Loop Slate#475569
- Preview Fog#f3f4f6
- Deploy Jet#0f172a
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Component Indigo #4f46e5 та Wireframe Cream #fff7ed. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #0F172A (найтемніший) до #FFF7ED (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0F172A, #475569, #4ADE80, #4F46E5, #F3F4F6, #FB7185, #FFF7ED
Палітра Intelligent UI Builder Tokens містить комбінацію з 7 кодів кольорів :
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #4ade80, RGB: (74, 222, 128); HEX: #fff7ed, RGB: (255, 247, 237)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #475569, RGB: (71, 85, 105); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #0f172a, RGB: (15, 23, 42)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок mediumspringgreen, Відтінок floralwhite, Відтінок lightcoral, Відтінок darkslateblue, Відтінок whitesmoke, Відтінок Чорний
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Intelligent UI Builder Tokens коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Component Indigo | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Logic Mint | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Wireframe Cream | Fatback |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Bind Coral | — |
| #475569 | #475569 | RGB(71, 85, 105) | Loop Slate | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Preview Fog | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Deploy Jet | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#4f46e5 | #475569 | 1.2 |
#4ade80 | #fff7ed | 1.64 |
#4ade80 | #fb7185 | 1.54 |
#4ade80 | #f3f4f6 | 1.58 |
#fff7ed | #f3f4f6 | 1.03 |
Зображення палітри Intelligent UI Builder Tokens png
Експортувати палітру
Завантажте "Intelligent UI Builder Tokens" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: