Створено 07/11/2025 21:06
Composable UI Architecture Grid
- Element Indigo#6366f1
- Slot Peach#ffd6a5
- Layer Fog#f3f4f6
- Prop Mint#b9fbc0
- Module Graphite#2e2e2e
- Unit Blue#60a5fa
Палітра містить світлий, темний кольори. Акцентні кольори Slot Peach #ffd6a5 та Unit Blue #60a5fa. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #2E2E2E (найтемніший) до #F3F4F6 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #2E2E2E, #60A5FA, #6366F1, #B9FBC0, #F3F4F6, #FFD6A5
Палітра Composable UI Architecture Grid містить комбінацію з 6 кодів кольорів :
HEX: #6366f1, RGB: (99, 102, 241); HEX: #ffd6a5, RGB: (255, 214, 165); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #b9fbc0, RGB: (185, 251, 192); HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #60a5fa, RGB: (96, 165, 250)
Спрощений варіант палітри кольорів
Відтінок mediumslateblue, Відтінок navajowhite, Відтінок whitesmoke, Відтінок palegreen, Відтінок Чорний, Відтінок cornflowerblue
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Composable UI Architecture Grid коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Element Indigo | — |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Slot Peach | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Layer Fog | — |
| #b9fbc0 | #b9fbc0 | RGB(185, 251, 192) | Prop Mint | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Module Graphite | Carbon Fiber |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Unit Blue | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#6366f1 | #60a5fa | 1.75 |
#ffd6a5 | #f3f4f6 | 1.23 |
#ffd6a5 | #b9fbc0 | 1.14 |
#ffd6a5 | #60a5fa | 1.86 |
#f3f4f6 | #b9fbc0 | 1.08 |
Зображення палітри Composable UI Architecture Grid png
Експортувати палітру
Завантажте "Composable UI Architecture Grid" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: