Um auxiliar de cores para escrever HTML e CSS. Escreva qualquer cor como #3498db, rgb(52,152,219), hsl(204,70%,53%) ou um nome CSS como dodgerblue, e o separador Converter mostra de imediato todos os formatos equivalentes, declarações CSS prontas a colar e uma sugestão de primeiro plano preto/branco. O separador Com nome lista as 148 palavras-chave de cor CSS, incluindo rebeccapurple (pesquisável, clique para copiar), e Web Safe oferece a clássica paleta de 216 cores. Tudo é executado localmente — sem envio, sem servidor. Esta ferramenta é orientada a código; para trabalho de design (paletas, gradientes, contraste, mistura) veja também o Seletor de cores.
Modo:
Escolha ou escreva uma cor — os equivalentes e os excertos CSS atualizam-se em direto.
Estas cores são apresentadas sem tramado em monitores clássicos de 256 cores.
Como os formatos se relacionam:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). O matiz HSL está em graus (0-360), a saturação/luminosidade em percentagens. O alfa (#RRGGBBAA, rgba(), hsla()) é analisado e transportado em todos os resultados. Os nomes-palavra-chave CSS são correspondidos exatamente primeiro; quando nenhuma palavra-chave corresponde, a mais próxima das 148 é sugerida como dica de design.
O que é um código de cor CSS?
Um código de cor CSS é a receita numérica de uma cor no ecrã: quanta luz vermelha, verde e azul misturar. Todas as notações — hexadecimal de seis dígitos como #3498db, funcional rgb(52, 152, 219), hsl(204, 70%, 53%) e as 148 palavras-chave predefinidas — resolvem para o mesmo valor sRGB de 24 bits. O hex e o rgb() declaram os canais diretamente, enquanto o hsl() descreve a cor como um ângulo na roda de cores mais saturação e luminosidade, o que costuma ser mais fácil de raciocinar ao ajustar tons.
256 níveis por canal dão 16 777 216 cores endereçáveis; as formas de 8 dígitos (#RRGGBBAA, rgba(), hsla()) acrescentam simplesmente um valor de alfa (opacidade) à mesma cor.
