Idioma:Português
Chromoforge

Conversor de cores: HEX, RGB, HSL e OKLCH

Cole uma cor e copie o formato de que precisa aqui mesmo. A prévia e os resultados usam a mesma cor sRGB opaca.

Converter cor

Use HEX, RGB, HSL ou OKLCH. OKLCH aceita luminosidade/chroma numéricas ou percentuais e unidades angulares. Apenas cores opacas; valores fora de sRGB são limitados com um aviso.

Cor selecionada#E24B4ATexto sobre esta cor: #111111
HEX#E24B4A
RGBrgb(226, 75, 74)
HSLhsl(0.39 72.38% 58.82%)
OKLCHoklch(62.339% 0.18772 24.72)
CSS--brand: #E24B4A;
Explorar variações da paletaVerificar texto e fundo
Compor transparência

Cole RGBA, HSLA, OKLCH com alfa ou HEX com alfa. Escolha um fundo uniforme e aplique à ferramenta a cor opaca resultante.

HEX opaco resultante

Converta e copie na mesma página

  1. Digite um valor HEX, RGB, HSL ou OKLCH aceito, ou escolha uma cor no seletor.
  2. Confira a prévia e copie HEX, RGB, HSL, OKLCH ou a declaração CSS ao lado do resultado.
  3. Continue para a paleta, os tons ou o contraste mantendo a cor selecionada.

O que a conversão aceita

A ferramenta usa cores sRGB opacas e arredonda os canais para valores de 8 bits. RGB e HSL descrevem a cor HEX resultante. OKLCH é aceito como entrada e saída; os valores fora de sRGB são limitados com um aviso. Transparências, nomes CSS e Display P3 não são aceitos aqui. Conversões arredondadas podem alterar ligeiramente um canal ao converter de volta.

Continue com a sua cor

Gerador de tons de coresGere onze tons de 50 a 950 a partir de uma cor HEX, RGB ou HSL. Preserve a cor original e exporte CSS, Tailwind v3/v4 ou JSON.Gerador de variáveis de cores CSSGere variáveis CSS de uma cor: marca, texto legível e onze tons de 50 a 950. Copie ou baixe o CSS diretamente na página.Verificador de contraste WCAGConfira o contraste de texto e fundo e veja os resultados AA e AAA. Digite duas cores HEX para calcular a taxa no navegador.