ToolStack

Conversor de Cores

Converta entre os formatos HEX, RGB, HSL, HSV e HWB em qualquer direção.

100% privado — tudo roda no seu navegador

Publicidade

Como usar

  1. 1

    Digite ou cole uma cor em qualquer formato comum — #3B82F6, rgb(59, 130, 246) ou hsl(217, 91%, 60%).

  2. 2

    As cinco representações — HEX, RGB, HSL, HSV e HWB — aparecem na hora.

  3. 3

    Copie qualquer valor com um clique.

Exemplos

De HEX

Entrada

#3B82F6

Saída

rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%) · hwb(217 23% 4%)

De RGB

Entrada

rgb(255, 99, 71)

Saída

#FF6347 · hsl(9, 100%, 64%) · hsv(9, 72%, 100%) · hwb(9 28% 0%)

Perguntas frequentes

Quais formatos de entrada são aceitos?

Códigos HEX com ou sem # (incluindo as formas de 3 e 8 dígitos), funções rgb() / rgba() e hsl() / hsla().

Qual é a diferença entre HSL e HSV?

Ambos usam o matiz, mas o HSL mede a luminosidade (lightness) e o HSV o valor (brilho). Softwares de design costumam preferir o HSV, pois saturação e brilho podem ser ajustados de forma independente.

Algo é enviado a um servidor?

Não — todas as conversões são feitas localmente no seu navegador.

Ferramentas relacionadas

HEX para RGBConverta códigos HEX em valores RGB na hora — grátis e privado.RGB para HEXConverta valores RGB em um código HEX na hora — grátis e privado.Verificador de ContrasteVerifique na hora a razão de contraste WCAG entre cores de texto e fundo.Seletor de CorEscolha qualquer cor e copie os valores HEX, RGB, HSL e HSV na hora.Gerador de GradientesCrie gradientes CSS lineares e radiais visualmente e copie o código CSS.Gerador de Cores CSSTransforme uma cor base em uma escala de 10 tons e exporte como variáveis CSS.