Создано 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 |
