Um matiz clareia a cor misturando-a com branco; uma sombra a escurece misturando com preto. Juntos formam a escala que todo sistema de design precisa para fundos, bordas e hierarquia de texto.
Defina a cor base e o número de passos e clique em qualquer amostra para copiar o HEX. Use a exportação SCSS para criar variáveis da paleta inteira de uma vez.
Frequently Asked Questions
Q: Qual a diferença entre matiz e sombra?
Qual a diferença entre matiz e sombra? O matiz adiciona branco à cor base (mais claro) e a sombra adiciona preto (mais escuro). Ambos mantêm o mesmo tom.
Q: Quantos passos devo usar?
Quantos passos devo usar? 5 a 10 passos por lado cobre a maioria das necessidades; 20 passos no total é ideal para gráficos e visualização de dados.
Q: Como uso a exportação SCSS?
Como uso a exportação SCSS? Copie o bloco no seu arquivo .scss e referencie variáveis como $tint-2 ou $shade-1 nos estilos.
Q: O que é a regra 60-30-10?
O que é a regra 60-30-10? 60% de cor neutra, 30% de secundária e 10% de acento — sua cor base geralmente ocupa os 10% de acento.
Q: Posso copiar uma única cor?
Posso copiar uma única cor? Sim — clique em qualquer amostra da grade ou da faixa e o HEX é copiado na hora.
Cores do Brasil
Do verde da bandeira ao azul dos azulejos, as cores brasileiras misturam natureza tropical, herança portuguesa e a energia do carnaval. Uma paleta viva que reflete a identidade visual do país.
Verde Bandeira #009C3BO verde da bandeira nacional, símbolo das matas
Amarelo Bandeira #FFDF00O ouro do losango da bandeira brasileira
Azul Bandeira #002776O azul do círculo e das estrelas
Azul Azulejo #1E5FA8Herança dos azulejos portugueses em igrejas e casarões
Rosa Choque #FF1493A energia vibrante do carnaval e das marcas jovens
Verde Amazônia #228B22A floresta tropical, pulmão do planeta
Amarelo Ouro #FFD700O ouro do barroco mineiro de Ouro Preto
Terracota Nordestina #CD5C5CA argila do sertão e do artesanato nordestino
Anil #4B0082Cor do vestido tradicional das baianas
Branco Areia #EDE4D3As praias de areia clara do litoral
Q: Qual é o verde da bandeira do Brasil?
Qual é o verde da bandeira do Brasil? O verde oficial da bandeira brasileira é aproximadamente #009C3B, junto com o amarelo #FFDF00 e o azul #002776.
Q: O que é o azul azulejo?
O que é o azul azulejo? É o azul característico dos azulejos portugueses (aproximadamente #1E5FA8), herança colonial presente na arquitetura de igrejas, casarões e cidades históricas brasileiras.