Progressive AI Wireframe System
- Layer Ice#e3f2fd
- Prototype Shadow#263238
- Data Blue#2196f3
- Cognitive Coral#ff8a65
- Sketch Neutral#eceff1
- Model Olive#c5e1a5
Створено 07/25/2025 07:52
Палітра містить світлий, темний кольори. Акцентні кольори Data Blue #2196f3 та Cognitive Coral #ff8a65. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #263238 (найтемніший) до #E3F2FD (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #2196F3, #263238, #C5E1A5, #E3F2FD, #ECEFF1, #FF8A65
Палітра Progressive AI Wireframe System містить комбінацію з 6 кодів кольорів :
HEX: #e3f2fd, RGB: (227, 242, 253); HEX: #263238, RGB: (38, 50, 56); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #ff8a65, RGB: (255, 138, 101); HEX: #eceff1, RGB: (236, 239, 241); HEX: #c5e1a5, RGB: (197, 225, 165)
Спрощений варіант палітри кольорів
Темний відтінок Блакитний Еліс, Темний відтінок Темний сланцево-сірий, Світлий відтінок Захисно-синій, Світлий відтінок Кораловий, Темний відтінок Димчасто-білий, Темний відтінок Блідо-золотистий
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
Progressive AI Wireframe System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #e3f2fd | #e3f2fd | RGB(227, 242, 253) | Layer Ice | — |
| #263238 | #263238 | RGB(38, 50, 56) | Prototype Shadow | — |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Data Blue | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Cognitive Coral | — |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | Sketch Neutral | — |
| #c5e1a5 | #c5e1a5 | RGB(197, 225, 165) | Model Olive | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#e3f2fd | #eceff1 | 1.01 |
#e3f2fd | #c5e1a5 | 1.25 |
#2196f3 | #ff8a65 | 1.35 |
#ff8a65 | #c5e1a5 | 1.61 |
#eceff1 | #c5e1a5 | 1.23 |
Палітра із зображення Progressive AI Wireframe System png
Експортувати палітру
Завантажте "Progressive AI Wireframe System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: