Створено 08/02/2025 13:33
AI-Driven UX Kit with React Components
- Neural Mint#3dd6b0
- Hyperlink Blue#0066ff
- Tensor Beige#f9f6ec
- Cognitive Lilac#c6b8e9
- Dark Mode Panel#1c1c1e
- Accessible Grey#7a7a7a
- Command Button Teal#00b8a9
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Tensor Beige #f9f6ec та Command Button Teal #00b8a9. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #1C1C1E (найтемніший) до #F9F6EC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0066FF, #00B8A9, #1C1C1E, #3DD6B0, #7A7A7A, #C6B8E9, #F9F6EC
Палітра AI-Driven UX Kit with React Components містить комбінацію з 7 кодів кольорів :
HEX: #3dd6b0, RGB: (61, 214, 176); HEX: #0066ff, RGB: (0, 102, 255); HEX: #f9f6ec, RGB: (249, 246, 236)
HEX: #c6b8e9, RGB: (198, 184, 233); HEX: #1c1c1e, RGB: (28, 28, 30); HEX: #7a7a7a, RGB: (122, 122, 122)
HEX: #00b8a9, RGB: (0, 184, 169)
Спрощений варіант палітри кольорів
Відтінок mediumaquamarine, Відтінок royalblue, Відтінок floralwhite, Відтінок thistle, Відтінок Чорний, Відтінок Сірий, Відтінок lightseagreen
Кольорова схема створена автором hex
Коди кольорів у палітрі
AI-Driven UX Kit with React Components коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3dd6b0 | #3dd6b0 | RGB(61, 214, 176) | Neural Mint | — |
| #0066ff | #0066ff | RGB(0, 102, 255) | Hyperlink Blue | Blue Ribbon |
| #f9f6ec | #f9f6ec | RGB(249, 246, 236) | Tensor Beige | — |
| #c6b8e9 | #c6b8e9 | RGB(198, 184, 233) | Cognitive Lilac | — |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Dark Mode Panel | — |
| #7a7a7a | #7a7a7a | RGB(122, 122, 122) | Accessible Grey | Gray48 |
| #00b8a9 | #00b8a9 | RGB(0, 184, 169) | Command Button Teal | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3dd6b0 | #f9f6ec | 1.69 |
#3dd6b0 | #c6b8e9 | 1 |
#3dd6b0 | #00b8a9 | 1.35 |
#0066ff | #7a7a7a | 1.12 |
#0066ff | #00b8a9 | 1.94 |
#f9f6ec | #c6b8e9 | 1.69 |
Зображення палітри AI-Driven UX Kit with React Components png
Експортувати палітру
Завантажте "AI-Driven UX Kit with React Components" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: