Створено 08/16/2025 08:09
Quantum UX Retro Cascade
- Quantum Blue#3b82f6
- UX Glow Coral#fb7185
- Cascade Mint#34d399
- Retro Amber#f59e0b
- Neural Night#0f172a
- Canvas White#f9fafb
Палітра містить світлий, темний кольори. Акцентні кольори Quantum Blue #3b82f6 та UX Glow Coral #fb7185. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #0F172A (найтемніший) до #F9FAFB (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0F172A, #34D399, #3B82F6, #F59E0B, #F9FAFB, #FB7185
Палітра Quantum UX Retro Cascade містить комбінацію з 6 кодів кольорів :
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #fb7185, RGB: (251, 113, 133); HEX: #34d399, RGB: (52, 211, 153)
HEX: #f59e0b, RGB: (245, 158, 11); HEX: #0f172a, RGB: (15, 23, 42); HEX: #f9fafb, RGB: (249, 250, 251)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок lightcoral, Відтінок mediumaquamarine, Відтінок Помаранчевий, Відтінок Чорний, Відтінок whitesmoke
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Quantum UX Retro Cascade коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Quantum Blue | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | UX Glow Coral | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Cascade Mint | — |
| #f59e0b | #f59e0b | RGB(245, 158, 11) | Retro Amber | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Neural Night | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Canvas White | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3b82f6 | #fb7185 | 1.36 |
#3b82f6 | #34d399 | 1.91 |
#3b82f6 | #f59e0b | 1.71 |
#fb7185 | #34d399 | 1.4 |
#fb7185 | #f59e0b | 1.25 |
#34d399 | #f59e0b | 1.11 |
Зображення палітри Quantum UX Retro Cascade png
Експортувати палітру
Завантажте "Quantum UX Retro Cascade" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: