Loading...
Створено 08/24/2025 17:45
Quantum UI Toolkit Analysis Framework
- Quantum Cyan#18ffff
- Insight Yellow#ffeb3b
- Neural Indigo#3d5afe
- Overlay Peach#ffb74d
- Canvas White#fbfbfb
- Focus Graphite#2c2c2c
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Quantum Cyan #18ffff та Insight Yellow #ffeb3b. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #2C2C2C (найтемніший) до #FBFBFB (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #18FFFF, #2C2C2C, #3D5AFE, #FBFBFB, #FFB74D, #FFEB3B
Палітра Quantum UI Toolkit Analysis Framework містить комбінацію з 6 кодів кольорів :
HEX: #18ffff, RGB: (24, 255, 255); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #3d5afe, RGB: (61, 90, 254)
HEX: #ffb74d, RGB: (255, 183, 77); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #2c2c2c, RGB: (44, 44, 44)
Спрощений варіант палітри кольорів
Відтінок cyan, Відтінок Жовтий, Відтінок royalblue, Відтінок Помаранчевий, Відтінок Білий, Відтінок Чорний
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Quantum UI Toolkit Analysis Framework коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #18ffff | #18ffff | RGB(24, 255, 255) | Quantum Cyan | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Insight Yellow | — |
| #3d5afe | #3d5afe | RGB(61, 90, 254) | Neural Indigo | — |
| #ffb74d | #ffb74d | RGB(255, 183, 77) | Overlay Peach | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Canvas White | Whiteout |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Focus Graphite | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#18ffff | #ffeb3b | 1.02 |
#18ffff | #ffb74d | 1.38 |
#18ffff | #fbfbfb | 1.2 |
#ffeb3b | #ffb74d | 1.41 |
#ffeb3b | #fbfbfb | 1.17 |
#ffb74d | #fbfbfb | 1.67 |
Зображення палітри Quantum UI Toolkit Analysis Framework png
Експортувати палітру
Завантажте "Quantum UI Toolkit Analysis Framework" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: