Component-Based AI Wireframe
- Module Grey#7a7a7a
- Whiteboard Beige#f9f7f3
- Hover Coral#ff7f66
- Click Black#0f0f0f
- Token Rose#f5a9b8
- Field Aqua#a8e6cf
Створено 07/13/2025 09:18
Палітра містить світлий, темний кольори. Акцентні кольори Hover Coral #ff7f66 та Field Aqua #a8e6cf. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.
За світлістю палітра сягає від #0F0F0F (найтемніший) до #F9F7F3 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік теплого (2 із 6).
HEX-коди (відсортовано): #0F0F0F, #7A7A7A, #A8E6CF, #F5A9B8, #F9F7F3, #FF7F66
Палітра Component-Based AI Wireframe містить комбінацію з 6 кодів кольорів :
HEX: #7a7a7a, RGB: (122, 122, 122); HEX: #f9f7f3, RGB: (249, 247, 243); HEX: #ff7f66, RGB: (255, 127, 102)
HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #f5a9b8, RGB: (245, 169, 184); HEX: #a8e6cf, RGB: (168, 230, 207)
Спрощений варіант палітри кольорів
Темний відтінок Сірий, Світлий відтінок Димчасто-білий, Темний відтінок Лососевий, Світлий відтінок Чорний, Темний відтінок Світло-рожевий, Темний відтінок Блідо-бірюзовий
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
Component-Based AI Wireframe коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #7a7a7a | #7a7a7a | RGB(122, 122, 122) | Module Grey | Gray48 |
| #f9f7f3 | #f9f7f3 | RGB(249, 247, 243) | Whiteboard Beige | — |
| #ff7f66 | #ff7f66 | RGB(255, 127, 102) | Hover Coral | — |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Click Black | Chaos Black |
| #f5a9b8 | #f5a9b8 | RGB(245, 169, 184) | Token Rose | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Field Aqua | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#7a7a7a | #ff7f66 | 1.73 |
#f9f7f3 | #f5a9b8 | 1.74 |
#f9f7f3 | #a8e6cf | 1.31 |
#ff7f66 | #f5a9b8 | 1.32 |
#ff7f66 | #a8e6cf | 1.75 |
#f5a9b8 | #a8e6cf | 1.32 |
Палітра із зображення Component-Based AI Wireframe png
Експортувати палітру
Завантажте "Component-Based AI Wireframe" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: