Criado em 07/20/2025 20:25
React Component Matrix Kit
- JS Yellow#f7df1e
- Hook Blue#1e88e5
- Virtual DOM Green#34d399
- Shadow Root Gray#cbd5e1
- PropType Pink#ff75a0
- Compile Charcoal#2f2f2f
A paleta consiste em cores Luz, Escuro. Cores de destaque Hook Blue #1e88e5 e PropType Pink #ff75a0. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2F2F2F (mais escuro) a #CBD5E1 (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).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #1E88E5, #2F2F2F, #34D399, #CBD5E1, #F7DF1E, #FF75A0
A paleta React Component Matrix Kit tem uma combinação de cores de códigos de 6:
HEX: #f7df1e, RGB: (247, 223, 30); HEX: #1e88e5, RGB: (30, 136, 229); HEX: #34d399, RGB: (52, 211, 153)
HEX: #cbd5e1, RGB: (203, 213, 225); HEX: #ff75a0, RGB: (255, 117, 160); HEX: #2f2f2f, RGB: (47, 47, 47)
Versão simplificada das cores da paleta
Sombra de gold, Matiz de dodgerblue, Matiz de mediumaquamarine, Sombra de lightgrey, Sombra de palevioletred, Sombra de Preto
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
React Component Matrix Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f7df1e | #f7df1e | RGB(247, 223, 30) | JS Yellow | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Hook Blue | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Virtual DOM Green | — |
| #cbd5e1 | #cbd5e1 | RGB(203, 213, 225) | Shadow Root Gray | — |
| #ff75a0 | #ff75a0 | RGB(255, 117, 160) | PropType Pink | — |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Compile Charcoal | — |
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 |
#f7df1e | #34d399 | 1.42 |
#f7df1e | #cbd5e1 | 1.09 |
#f7df1e | #ff75a0 | 1.86 |
#1e88e5 | #34d399 | 1.91 |
#1e88e5 | #ff75a0 | 1.45 |
#34d399 | #cbd5e1 | 1.29 |
Paleta de imagens React Component Matrix Kit png
Exportar paleta
Baixe a "React Component Matrix Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: