Código de cores
Escolha uma cor ou digite um código e veja na hora os valores em HEX, RGB e HSL, prontos para copiar e usar em sites, design e apresentações.
Carregando a ferramenta interativa… Ative o JavaScript para processar seus arquivos e obter resultados.
Como usar
- Escolha a cor no seletor ou digite um código (HEX, RGB ou HSL).
- Veja os três formatos.
- Clique em Copiar no formato que precisa.
Sobre esta ferramenta
Cada programa usa um formato de cor: sites usam HEX e RGB, ferramentas de design costumam trabalhar com HSL, e cada uma mostra o código de um jeito. Converter entre eles evita aproximar a cor no olho.
Escolha a cor no seletor ou cole um código em qualquer um dos formatos aceitos. O resultado mostra HEX, RGB e HSL, com botão para copiar cada um. Se a cor tiver transparência, são usados os formatos com canal alfa (RGBA, HSLA e HEX de 8 dígitos).
Perguntas frequentes
O que é HEX?
É o código de seis dígitos, como #1E90FF, em que cada par representa a quantidade de vermelho, verde e azul, em base hexadecimal.
Quando usar HSL?
O HSL descreve a cor por matiz (0 a 360), saturação e luminosidade. É útil para criar variações, como uma versão mais clara ou mais escura da mesma cor, mexendo só na luminosidade.
Que formatos posso digitar?
HEX com 3, 4, 6 ou 8 dígitos (com ou sem #), rgb(), rgba(), hsl(), hsla() e nomes de cores em inglês, como "red" ou "tomato".
Como descobrir a cor de uma imagem?
Esta ferramenta não lê cores de imagens. Use o conta-gotas de um programa de design ou do seu sistema para escolher a cor e depois cole o código aqui.