Criado em 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
A paleta consiste em cores Luz, Escuro. Cores de destaque Component Indigo #3c4cad e Payload Lime #d4ff4d. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
A paleta React Dashboard Flow System tem uma combinação de cores de códigos de 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)
Versão simplificada das cores da paleta
Sombra de darkslateblue, Sombra de lightsalmon, Sombra de greenyellow, Sombra de whitesmoke, Sombra de Preto, Matiz de hotpink, Sombra de gainsboro
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
React Dashboard Flow System códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #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 | — |
Contraste da Paleta de Cores
7 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#ffbe9f | #d4ff4d | 1.38 |
#ffbe9f | #f9f9fa | 1.52 |
#ffbe9f | #ff5ca2 | 1.79 |
#ffbe9f | #e0e0e3 | 1.21 |
#d4ff4d | #f9f9fa | 1.09 |
#d4ff4d | #e0e0e3 | 1.14 |
