Criado em 07/21/2025 12:47
React Dashboard Syntax Lab
- JSX Flame#ff6363
- Import Charcoal#23272a
- Hook Cyan#2dced8
- Element Pink#fda7df
- Code Paper White#fbfbfb
- State Lime#c6ff00
A paleta consiste em cores Luz, Escuro. Cores de destaque Import Charcoal #23272a e State Lime #c6ff00. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #23272A (mais escuro) a #FBFBFB (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #23272A, #2DCED8, #C6FF00, #FBFBFB, #FDA7DF, #FF6363
A paleta React Dashboard Syntax Lab tem uma combinação de cores de códigos de 6:
HEX: #ff6363, RGB: (255, 99, 99); HEX: #23272a, RGB: (35, 39, 42); HEX: #2dced8, RGB: (45, 206, 216)
HEX: #fda7df, RGB: (253, 167, 223); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #c6ff00, RGB: (198, 255, 0)
Versão simplificada das cores da paleta
Matiz de salmon, Sombra de Preto, Sombra de darkturquoise, Sombra de plum, Matiz de Branco, Sombra de greenyellow
O esquema de cores foi criado por colorday
Códigos de cores na paleta
React Dashboard Syntax Lab códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ff6363 | #ff6363 | RGB(255, 99, 99) | JSX Flame | — |
| #23272a | #23272a | RGB(35, 39, 42) | Import Charcoal | — |
| #2dced8 | #2dced8 | RGB(45, 206, 216) | Hook Cyan | — |
| #fda7df | #fda7df | RGB(253, 167, 223) | Element Pink | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Code Paper White | Whiteout |
| #c6ff00 | #c6ff00 | RGB(198, 255, 0) | State Lime | — |
Contraste da Paleta de Cores
8 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 |
#ff6363 | #2dced8 | 1.51 |
#ff6363 | #fda7df | 1.63 |
#2dced8 | #fda7df | 1.07 |
#2dced8 | #fbfbfb | 1.85 |
#2dced8 | #c6ff00 | 1.61 |
#fda7df | #fbfbfb | 1.72 |
Paleta de imagens React Dashboard Syntax Lab png
Exportar paleta
Baixe a "React Dashboard Syntax Lab" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: