Criado em 08/18/2025 08:36
Progressive React Component Grid
Component Blue
#1d4ed8
JS Yellow
#facc15
Hook Green
#16a34a
UI White
#ffffff
Framework Gray
#9ca3af
Console Black
#101010
A paleta consiste em cores Luz, Escuro. Cores de destaque Component Blue #1d4ed8 e JS Yellow #facc15. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
A paleta Progressive React Component Grid tem uma combinação de cores de códigos de 6:
HEX: #1d4ed8, RGB: (29, 78, 216); HEX: #facc15, RGB: (250, 204, 21); HEX: #16a34a, RGB: (22, 163, 74)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #101010, RGB: (16, 16, 16)
Versão simplificada das cores da paleta
Matiz de slateblue, Matiz de gold, Matiz de mediumseagreen, Branco, Matiz de darkgrey, Sombra de Preto
O esquema de cores foi criado por hex
Códigos de cores na paleta
Progressive React Component Grid códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1d4ed8 | #1d4ed8 | RGB(29, 78, 216) | Component Blue | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | JS Yellow | — |
| #16a34a | #16a34a | RGB(22, 163, 74) | Hook Green | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | UI White | White |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Framework Gray | — |
| #101010 | #101010 | RGB(16, 16, 16) | Console Black | — |
Contraste da Paleta de Cores
3 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 |
#facc15 | #ffffff | 1.53 |
#facc15 | #9ca3af | 1.65 |
#16a34a | #9ca3af | 1.29 |
Paleta de imagens Progressive React Component Grid png
Exportar paleta
Baixe a "Progressive React Component Grid" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: