🎨Conversor de Cores

Carregando...

Cores no desenvolvimento e design web são representadas em vários formatos: HEX, RGB, HSL, HSV e CMYK. O CSS usa principalmente HEX (#FF5733) e RGB (rgb(255, 87, 51)), enquanto ferramentas de design costumam preferir HSL ou HSV. O CMYK é o padrão para design de impressão. Esta ferramenta converte instantaneamente um valor de cor inserido em um formato para todos os outros formatos e inclui um seletor de cores para seleção visual.

Como usar

1
Inserir uma Cor
Insira um valor de cor no formato HEX, RGB ou HSL. Você também pode clicar no seletor de cores para selecionar uma cor visualmente.
2
Ver Conversões
A cor inserida é simultaneamente convertida para os formatos HEX, RGB, HSL, HSV e CMYK.
3
Usar Código CSS
Um trecho de código CSS pronto para uso é exibido na parte inferior. Copie-o diretamente para sua folha de estilos.
4
Verificar Pré-visualização
A cor selecionada é exibida em uma área de visualização para que você possa ver como ela fica na tela.

Dicas

💡O formato HSL (Hue, Saturation, Lightness - Matiz, Saturação, Luminosidade) torna os ajustes de cor mais intuitivos do que HEX ou RGB.
💡Considere as taxas de contraste entre as cores de fundo e de texto para conformidade com a acessibilidade web.
💡Propriedades personalizadas de CSS funcionam melhor com HSL — é mais fácil criar variações de cor ajustando componentes individuais.
💡Valores CMYK ajudam você a entender as diferenças de cor entre telas (RGB) e materiais impressos.

Perguntas frequentes

Q. Qual é a diferença entre HEX, RGB e HSL?: A. HEX é notação hexadecimal (#FF5733), RGB especifica componentes vermelho/verde/azul (0-255), HSL descreve matiz, saturação e luminosidade, mais intuitivo para ajustes humanos.
Q. Como ajusto o brilho em HSL?: A. Modifique o valor L (Luminosidade): 0% é preto puro, 100% é branco puro, 50% é a cor totalmente saturada.
Q. Como incluir transparência (alpha) em CSS?: A. Use rgba(255, 87, 51, 0.5) ou o formato HEX de 8 dígitos #FF573380, onde os dois últimos dígitos representam o canal alpha.