Створено 07/24/2025 13:25
React Dashboard Flow System
Component Indigo
#3c4cad
Hooks Apricot
#ffbe9f
Payload Lime
#d4ff4d
UI Drift White
#f9f9fa
Redux Black
#1d1d1d
Tree Graph Pink
#ff5ca2
Async Smoke
#e0e0e3
Палітра містить світлий, темний кольори. Акцентні кольори Component Indigo #3c4cad та Payload Lime #d4ff4d. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
Палітра React Dashboard Flow System містить комбінацію з 7 кодів кольорів :
HEX: #3c4cad, RGB: (60, 76, 173); HEX: #ffbe9f, RGB: (255, 190, 159); HEX: #d4ff4d, RGB: (212, 255, 77)
HEX: #f9f9fa, RGB: (249, 249, 250); HEX: #1d1d1d, RGB: (29, 29, 29); HEX: #ff5ca2, RGB: (255, 92, 162)
HEX: #e0e0e3, RGB: (224, 224, 227)
Спрощений варіант палітри кольорів
Відтінок darkslateblue, Відтінок lightsalmon, Відтінок greenyellow, Відтінок whitesmoke, Відтінок Чорний, Відтінок hotpink, Відтінок gainsboro
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
React Dashboard Flow System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3c4cad | #3c4cad | RGB(60, 76, 173) | Component Indigo | — |
| #ffbe9f | #ffbe9f | RGB(255, 190, 159) | Hooks Apricot | — |
| #d4ff4d | #d4ff4d | RGB(212, 255, 77) | Payload Lime | — |
| #f9f9fa | #f9f9fa | RGB(249, 249, 250) | UI Drift White | — |
| #1d1d1d | #1d1d1d | RGB(29, 29, 29) | Redux Black | — |
| #ff5ca2 | #ff5ca2 | RGB(255, 92, 162) | Tree Graph Pink | — |
| #e0e0e3 | #e0e0e3 | RGB(224, 224, 227) | Async Smoke | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffbe9f | #d4ff4d | 1.38 |
#ffbe9f | #f9f9fa | 1.52 |
#ffbe9f | #ff5ca2 | 1.79 |
#ffbe9f | #e0e0e3 | 1.21 |
#d4ff4d | #f9f9fa | 1.09 |
#d4ff4d | #e0e0e3 | 1.14 |
