Створено 07/24/2025 13:22
Web Component Quantum Stack
- Stateflow Cyan#9bf1ff
- Logic Crimson#e94b4b
- Microfront White#fcfcfc
- Event Loop Graphite#2b2b2b
- Function Peach#ffd3b6
- Intent Indigo#6161e3
Палітра містить світлий, темний кольори. Акцентні кольори Stateflow Cyan #9bf1ff та Function Peach #ffd3b6. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #2B2B2B (найтемніший) до #FCFCFC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #2B2B2B, #6161E3, #9BF1FF, #E94B4B, #FCFCFC, #FFD3B6
Палітра Web Component Quantum Stack містить комбінацію з 6 кодів кольорів :
HEX: #9bf1ff, RGB: (155, 241, 255); HEX: #e94b4b, RGB: (233, 75, 75); HEX: #fcfcfc, RGB: (252, 252, 252)
HEX: #2b2b2b, RGB: (43, 43, 43); HEX: #ffd3b6, RGB: (255, 211, 182); HEX: #6161e3, RGB: (97, 97, 227)
Спрощений варіант палітри кольорів
Відтінок paleturquoise, Відтінок indianred, Відтінок Білий, Відтінок Чорний, Відтінок peachpuff, Відтінок slateblue
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Web Component Quantum Stack коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #9bf1ff | #9bf1ff | RGB(155, 241, 255) | Stateflow Cyan | — |
| #e94b4b | #e94b4b | RGB(233, 75, 75) | Logic Crimson | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Microfront White | Gray99 |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Event Loop Graphite | Shoe Wax |
| #ffd3b6 | #ffd3b6 | RGB(255, 211, 182) | Function Peach | — |
| #6161e3 | #6161e3 | RGB(97, 97, 227) | Intent Indigo | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#9bf1ff | #fcfcfc | 1.24 |
#9bf1ff | #ffd3b6 | 1.07 |
#e94b4b | #6161e3 | 1.28 |
#fcfcfc | #ffd3b6 | 1.34 |
Зображення палітри Web Component Quantum Stack png
Експортувати палітру
Завантажте "Web Component Quantum Stack" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: