Criado em 08/21/2025 11:46
React Component Analysis Grid
- Virtual Indigo#4b5dff
- Fiber Yellow#ffd700
- Hook Coral#ff6f61
- Node Green#3fa34d
- State White#ffffff
- Prop Dark Navy#1b263b
- Shadow Ash#e5e5e5
A paleta consiste em cores Luz, Escuro. Cores de destaque Virtual Indigo #4b5dff e Fiber Yellow #ffd700. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1B263B (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
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): #1B263B, #3FA34D, #4B5DFF, #E5E5E5, #FF6F61, #FFD700, #FFFFFF
A paleta React Component Analysis Grid tem uma combinação de cores de códigos de 7:
HEX: #4b5dff, RGB: (75, 93, 255); HEX: #ffd700, RGB: (255, 215, 0); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #3fa34d, RGB: (63, 163, 77); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1b263b, RGB: (27, 38, 59)
HEX: #e5e5e5, RGB: (229, 229, 229)
Versão simplificada das cores da paleta
Matiz de royalblue, Matiz de salmon, Matiz de mediumseagreen, Branco, Sombra de midnightblue, Sombra de gainsboro
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
React Component Analysis Grid códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #4b5dff | #4b5dff | RGB(75, 93, 255) | Virtual Indigo | — |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Fiber Yellow | Gold |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Hook Coral | Living Coral |
| #3fa34d | #3fa34d | RGB(63, 163, 77) | Node Green | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | State White | White |
| #1b263b | #1b263b | RGB(27, 38, 59) | Prop Dark Navy | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Shadow Ash | Gray90 |
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 |
#4b5dff | #ff6f61 | 1.78 |
#4b5dff | #3fa34d | 1.52 |
#ffd700 | #ff6f61 | 1.94 |
#ffd700 | #ffffff | 1.4 |
#ffd700 | #e5e5e5 | 1.11 |
#ff6f61 | #3fa34d | 1.17 |
Paleta de imagens React Component Analysis Grid png
Exportar paleta
Baixe a "React Component Analysis Grid" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: