Data-Driven UI Layer Stack
- Insight Teal#00bfa6
- Schema Dust#e5e5e5
- Pipeline Maroon#8c1c13
- Query Sky#a4e3f4
- Variable Yellow#ffea00
- Result Navy#1b263b
Створено 06/25/2025 20:35
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Query Sky #a4e3f4 та Variable Yellow #ffea00. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #1B263B (найтемніший) до #FFEA00 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #00BFA6, #1B263B, #8C1C13, #A4E3F4, #E5E5E5, #FFEA00
Палітра Data-Driven UI Layer Stack містить комбінацію з 6 кодів кольорів :
HEX: #00bfa6, RGB: (0, 191, 166); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #8c1c13, RGB: (140, 28, 19)
HEX: #a4e3f4, RGB: (164, 227, 244); HEX: #ffea00, RGB: (255, 234, 0); HEX: #1b263b, RGB: (27, 38, 59)
Спрощений варіант палітри кольорів
Темний відтінок Світлий морський зелений, Світлий відтінок Ґейнсборо, Світлий відтінок Темно-червоний, Світлий відтінок Світло-блакитний, Світлий відтінок Золотий, Світлий відтінок Опівнічно-синій
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Data-Driven UI Layer Stack коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | Insight Teal | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Schema Dust | Gray90 |
| #8c1c13 | #8c1c13 | RGB(140, 28, 19) | Pipeline Maroon | — |
| #a4e3f4 | #a4e3f4 | RGB(164, 227, 244) | Query Sky | — |
| #ffea00 | #ffea00 | RGB(255, 234, 0) | Variable Yellow | — |
| #1b263b | #1b263b | RGB(27, 38, 59) | Result Navy | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#00bfa6 | #e5e5e5 | 1.85 |
#00bfa6 | #a4e3f4 | 1.65 |
#00bfa6 | #ffea00 | 1.89 |
#e5e5e5 | #a4e3f4 | 1.12 |
#e5e5e5 | #ffea00 | 1.02 |
#8c1c13 | #1b263b | 1.65 |
Палітра із зображення Data-Driven UI Layer Stack png
Експортувати палітру
Завантажте "Data-Driven UI Layer Stack" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: