Referencia de Nomes de Cores
Navegue por cores nomeadas de CSS/HTML, Material Design e Tailwind CSS. Clique em qualquer amostra para copiar seu valor hexadecimal. Use a caixa de pesquisa para filtrar por nome ou codigo hex.
Perguntas frequentes
Q: O que sao cores nomeadas do CSS?
A: Cores nomeadas do CSS sao 148 palavras-chave de cores predefinidas reconhecidas por todos os navegadores modernos. Em vez de escrever um codigo hexadecimal como #FF6347, voce pode usar o nome "tomato" diretamente no seu CSS. Esses nomes foram padronizados na especificacao CSS Color Level 4.
Q: Qual e a diferenca entre os formatos de cor hex, RGB e HSL?
A: Hex usa uma notacao hexadecimal de seis digitos (#RRGGBB). RGB especifica valores dos canais vermelho, verde e azul de 0-255. HSL define cores por matiz (0-360), saturacao (0-100%) e luminosidade (0-100%). Os tres podem representar as mesmas cores; sao apenas notacoes diferentes.
Q: O que sao as cores do Material Design?
A: As cores do Material Design sao uma paleta selecionada criada pelo Google para interfaces Material Design. Cada familia de cores tem tons de 50 (mais claro) a 900 (mais escuro), sendo 500 o tom principal. Sao projetadas para acessibilidade e harmonia visual.
Q: O que sao as cores do Tailwind CSS?
A: O Tailwind CSS fornece uma paleta de cores padrao selecionada manualmente com 22 familias de cores. Cada familia inclui tons de 50 a 950. O tom 500 e a cor base, e a paleta e projetada para ficar otima em temas de interface claros e escuros.
Q: Como escolho a cor certa para meu projeto?
A: Considere as proporcoes de contraste para acessibilidade (WCAG recomenda pelo menos 4.5:1 para texto normal). Use uma cor primaria para identidade da marca, uma paleta neutra para texto e fundos, e cores de destaque com moderacao para elementos interativos.