Tada File , Todas as ferramentas

Conversor de cores

Converta qualquer cor entre HEX, RGB, HSL, HSV, CMYK, Lab e OKLCH e copie com um clique. Grátis, no seu dispositivo.

Digite em qualquer formato: #3366cc, rgb(51 102 204), hsl(220 60% 50%), cmyk(75% 50% 0% 20%), oklch(…) ou um nome CSS como tomato.

  • HEX#3366CC
  • RGBrgb(51 102 204)
  • HSLhsl(220 60% 50%)
  • HSV / HSBhsv(220 75% 80%)
  • CMYKcmyk(75% 50% 0% 20%)
  • CIE Lablab(45 18.7 -57.9)
  • OKLCHoklch(53.2% 0.168 262.3)

Nome de cor CSS mais próximo: royalblue

O CMYK é uma conversão simples, sem perfil de impressora: um bom ponto de partida, mas os valores de uma gráfica podem ser diferentes.

O Conversor de cores transforma uma cor escrita em um formato em todos os outros: HEX para a web, RGB, HSL e HSV para apps de design, CMYK para impressão, e CIE Lab e OKLCH para CSS moderno e trabalho com cores. Digite ou cole qualquer um deles, ou um nome CSS como tomato, ou use o seletor de cores. Cada valor tem um botão de copiar, e o nome de cor CSS mais próximo também aparece.

Como usar: Conversor de cores

  1. 1

    Digite uma cor

    Digite ou cole em qualquer formato, ou escolha no seletor de cores.

  2. 2

    Veja os resultados

    Veja a cor em todos os formatos, com o nome CSS mais próximo.

  3. 3

    Copie o que precisar

    Copie qualquer valor com um clique.

O que faz

Todos os formatos comuns
HEX, RGB, HSL, HSV, CMYK, CIE Lab e OKLCH.
Entende o que você cola
Com ou sem #, vírgulas ou espaços, e nomes CSS.
Transparência mantida
Os valores alfa passam de um formato para outro.

Perguntas

Como converter HEX para RGB?

Cole o código HEX, como #3366CC, e leia a linha RGB: rgb(51 102 204). Todos os outros formatos aparecem ao mesmo tempo.

O valor CMYK é exato para impressão?

É uma conversão padrão sem perfil de impressora, então é um bom ponto de partida. Uma gráfica pode indicar valores um pouco diferentes para a máquina dela.

O que é OKLCH?

Uma forma mais nova de escrever cores em CSS, baseada em quão clara e colorida uma cor parece para as pessoas. É útil para criar escalas de cores uniformes.

Precisa de conexão com a internet?

Só para abrir a página. Tudo é calculado no seu dispositivo, e nada do que você digita é enviado.