Criado em 08/09/2025 10:28
Progressive React Component Palette
- Component Blue#3a86ff
- Prop Pink#ffadad
- JS Yellow#ffd60a
- State Charcoal#2b2d42
- Render Mint#c0eba6
- Hook Coral#ff6f5e
- Light DOM White#fdfcfb
A paleta consiste em cores Luz, Escuro. Cores de destaque Component Blue #3a86ff e JS Yellow #ffd60a. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2B2D42 (mais escuro) a #FDFCFB (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 quente.
Códigos HEX (ordenados): #2B2D42, #3A86FF, #C0EBA6, #FDFCFB, #FF6F5E, #FFADAD, #FFD60A
A paleta Progressive React Component Palette tem uma combinação de cores de códigos de 7:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #ffadad, RGB: (255, 173, 173); HEX: #ffd60a, RGB: (255, 214, 10)
HEX: #2b2d42, RGB: (43, 45, 66); HEX: #c0eba6, RGB: (192, 235, 166); HEX: #ff6f5e, RGB: (255, 111, 94)
HEX: #fdfcfb, RGB: (253, 252, 251)
Versão simplificada das cores da paleta
Sombra de dodgerblue, Matiz de lightpink, Sombra de gold, Sombra de midnightblue, Sombra de lightgreen, Matiz de salmon, Matiz de Branco
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Progressive React Component Palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Component Blue | — |
| #ffadad | #ffadad | RGB(255, 173, 173) | Prop Pink | — |
| #ffd60a | #ffd60a | RGB(255, 214, 10) | JS Yellow | — |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | State Charcoal | — |
| #c0eba6 | #c0eba6 | RGB(192, 235, 166) | Render Mint | — |
| #ff6f5e | #ff6f5e | RGB(255, 111, 94) | Hook Coral | — |
| #fdfcfb | #fdfcfb | RGB(253, 252, 251) | Light DOM White | — |
Contraste da Paleta de Cores
10 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 |
#3a86ff | #ffadad | 1.96 |
#3a86ff | #ff6f5e | 1.27 |
#ffadad | #ffd60a | 1.25 |
#ffadad | #c0eba6 | 1.32 |
#ffadad | #ff6f5e | 1.53 |
#ffadad | #fdfcfb | 1.73 |
Paleta de imagens Progressive React Component Palette png
Exportar paleta
Baixe a "Progressive React Component Palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: