Створено 08/18/2025 08:36
Quantum UI Storyboard Mesh
- Quantum Blue#2563eb
- Narrative Pink#f472b6
- Logic Amber#fbbf24
- Diagram Teal#0d9488
- Card White#ffffff
- Depth Gray#64748b
Палітра містить напівтемний, світлий кольори. Акцентні кольори Logic Amber #fbbf24 та Diagram Teal #0d9488. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #0D9488 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0D9488, #2563EB, #64748B, #F472B6, #FBBF24, #FFFFFF
Палітра Quantum UI Storyboard Mesh містить комбінацію з 6 кодів кольорів :
HEX: #2563eb, RGB: (37, 99, 235); HEX: #f472b6, RGB: (244, 114, 182); HEX: #fbbf24, RGB: (251, 191, 36)
HEX: #0d9488, RGB: (13, 148, 136); HEX: #ffffff, RGB: (255, 255, 255); HEX: #64748b, RGB: (100, 116, 139)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок hotpink, Відтінок goldenrod, Відтінок darkcyan, Білий, Відтінок slategrey
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Quantum UI Storyboard Mesh коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #2563eb | #2563eb | RGB(37, 99, 235) | Quantum Blue | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Narrative Pink | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | Logic Amber | — |
| #0d9488 | #0d9488 | RGB(13, 148, 136) | Diagram Teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Card White | White |
| #64748b | #64748b | RGB(100, 116, 139) | Depth Gray | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#2563eb | #f472b6 | 1.95 |
#2563eb | #0d9488 | 1.38 |
#2563eb | #64748b | 1.08 |
#f472b6 | #fbbf24 | 1.58 |
#f472b6 | #0d9488 | 1.41 |
#f472b6 | #64748b | 1.79 |
Зображення палітри Quantum UI Storyboard Mesh png
Експортувати палітру
Завантажте "Quantum UI Storyboard Mesh" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: