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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: