Conversor de Cores

Converta cores entre diferentes formatos: HEX, RGB, HSL, HSV e CMYK

Cor Atual

#3B82F6
RGB(59, 130, 246)
HSL(217°, 91%, 60%)
Formato HEX
Hexadecimal - formato mais comum para web (#RRGGBB)

Formato: #RRGGBB onde RR, GG, BB são valores hexadecimais (00-FF)

Exemplo: #FF0000 = vermelho puro

Sobre os Formatos de Cor

HEX

Formato hexadecimal, mais usado na web

RGB

Vermelho, Verde, Azul - padrão para monitores

HSL

Matiz, Saturação, Luminosidade - intuitivo

HSV

Matiz, Saturação, Valor - editores de imagem

CMYK

Ciano, Magenta, Amarelo, Preto - impressão

Como usar Conversor de Cores

  1. 1

    Informe a cor

    Digite um valor em HEX, RGB, HSL ou escolha no seletor.

  2. 2

    Veja as conversões

    Todos os outros formatos aparecem calculados na hora.

  3. 3

    Copie o que precisar

    Use o formato exigido pela ferramenta em que você está trabalhando.

Sobre a ferramenta

A mesma cor tem vários endereços. HEX (#8A3FFC) é o formato do CSS; RGB descreve a mistura de vermelho, verde e azul; HSL usa matiz, saturação e luminosidade; CMYK é o padrão da impressão. Cada ferramenta pede o seu.

HSL é o mais intuitivo para ajustes: para clarear uma cor basta aumentar a luminosidade, mantendo matiz e saturação. Fazer o mesmo em HEX exige recalcular os três canais e acertar por tentativa.

Vale um aviso sobre CMYK: a conversão é aproximada. A impressão trabalha com tinta sobre papel e não alcança as cores mais vibrantes que a tela produz com luz. Cores fortes na tela costumam sair mais apagadas no papel.

Quando usar

  • Converter a cor do logotipo para usar no CSS
  • Transformar valores RGB de um design em HEX
  • Ajustar tons claros e escuros usando HSL
  • Preparar cores para material impresso em CMYK
  • Descobrir o código de uma cor escolhida no seletor

Perguntas frequentes

HEX e RGB são a mesma coisa?

Descrevem a mesma cor de formas diferentes. HEX escreve os três canais em hexadecimal; RGB usa números de 0 a 255 para cada um.

Por que a cor impressa não fica igual à da tela?

Tela emite luz e impressão reflete tinta. O CMYK cobre uma faixa menor de cores, então tons muito vibrantes ficam mais apagados no papel.

O que significa o quarto valor em RGBA?

É a opacidade, de 0 (transparente) a 1 (opaco). Serve para deixar a cor parcialmente transparente.