Створено 06/05/2025 20:21
React Quantum Flux Palette
- Fiber Neon Blue#0abde3
- JSX Cyber Pink#ff4081
- Hook Plasma Purple#6f1e51
- State Circuit Green#10ac84
- Virtual DOM Shadow#222f3e
- Profiler Glow Yellow#f7b731
Палітра містить світлий, темний кольори. Акцентні кольори Fiber Neon Blue #0abde3 та JSX Cyber Pink #ff4081. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #222F3E (найтемніший) до #FF4081 (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #0ABDE3, #10AC84, #222F3E, #6F1E51, #F7B731, #FF4081
Палітра React Quantum Flux Palette містить комбінацію з 6 кодів кольорів :
HEX: #0abde3, RGB: (10, 189, 227); HEX: #ff4081, RGB: (255, 64, 129); HEX: #6f1e51, RGB: (111, 30, 81)
HEX: #10ac84, RGB: (16, 172, 132); HEX: #222f3e, RGB: (34, 47, 62); HEX: #f7b731, RGB: (247, 183, 49)
Спрощений варіант палітри кольорів
Відтінок deepskyblue, Відтінок deeppink, Відтінок Фіолетовий, Відтінок mediumseagreen, Відтінок midnightblue, Відтінок goldenrod
Кольорова схема створена автором hex
Більше палітр з:
Коди кольорів у палітрі
React Quantum Flux Palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #0abde3 | #0abde3 | RGB(10, 189, 227) | Fiber Neon Blue | — |
| #ff4081 | #ff4081 | RGB(255, 64, 129) | JSX Cyber Pink | — |
| #6f1e51 | #6f1e51 | RGB(111, 30, 81) | Hook Plasma Purple | — |
| #10ac84 | #10ac84 | RGB(16, 172, 132) | State Circuit Green | — |
| #222f3e | #222f3e | RGB(34, 47, 62) | Virtual DOM Shadow | — |
| #f7b731 | #f7b731 | RGB(247, 183, 49) | Profiler Glow Yellow | NYC Taxi |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#0abde3 | #ff4081 | 1.49 |
#0abde3 | #10ac84 | 1.29 |
#0abde3 | #f7b731 | 1.25 |
#ff4081 | #10ac84 | 1.15 |
#ff4081 | #f7b731 | 1.86 |
#6f1e51 | #222f3e | 1.28 |
Зображення палітри React Quantum Flux Palette png
Експортувати палітру
Завантажте "React Quantum Flux Palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: