Conversor de cores

Converta qualquer cor entre HEX, RGB, HSL, HSV, OKLCH e CMYK

Os arquivos não saem do seu dispositivo
Roda no navegador
Grátis, sem cadastro, sem marca d’água

#FF8000oklch(73.19% 0.1858 52.98)

Paste or type any color

Open color picker

Opacity: 100%

Nearest CSS name

darkorangeΔE 3.9

Formats

Modern CSS syntax

HEX

RGB

HSL

HSV / HSB

HWB

OKLCH

OKLab

CIE Lab

CIE LCH

CMYK

Display P3

Lab and LCH use the D50 white point, the same as CSS lab() and lch(). CMYK here is a plain formula without an ICC profile. Ask your printer for exact values.

Tints & shades

Click a swatch to copy its HEX. Mixed with white and black in OKLab, so steps look even.

Como usar Conversor de cores

Converta uma cor entre HEX, RGB, HSL, HSV, HWB, OKLCH, OKLab, CIE Lab, CIE LCH, CMYK e Display P3. Edite qualquer formato e os outros acompanham, com o nome de cor CSS mais próximo e uma faixa de tons claros e escuros.

1
Digite ou cole uma cor em Colar ou digitar qualquer cor, como #ff8000, rgb(255 128 0), oklch(70% 0.19 50) ou tomato.
2
Ou use Abrir seletor de cor, Escolher da tela ou Cor aleatória para começar por uma amostra.
3
Leia ou edite os valores em Formatos; mudar qualquer caixa atualiza todas as outras.
4
Defina o controle Opacidade para transparência e ative Sintaxe CSS moderna para valores separados por espaço, como rgb(255 128 0 / 50%).
5
Clique no ícone de copiar ao lado de um formato, ou clique em uma amostra em Tons claros e escuros para copiar o HEX.

Perguntas frequentes

Por que ela diz que a cor está fora do sRGB?

OKLCH, Lab e Display P3 podem descrever cores que a maioria das telas não mostra. Os formatos HEX, RGB, HSL e outros de sRGB então mostram a cor exibível mais próxima, mapeada do jeito do CSS para manter luminosidade e matiz, e a nota diz o que um recorte ingênuo daria no lugar.

Os valores CMYK são precisos para impressão?

Não. O CMYK aqui é uma fórmula simples, sem perfil ICC. Peça à gráfica os valores exatos para a impressora e o papel deles.

Qual ponto de branco Lab e LCH usam?

D50, o mesmo de lab() e lch() do CSS, então os valores podem ser colados direto em uma folha de estilos.

Por que não vejo o botão Escolher da tela?

Ele usa a API EyeDropper do navegador, que navegadores baseados em Chromium, como Chrome e Edge, oferecem. Onde ela não está disponível, o botão fica oculto; use o seletor de cor ou cole um valor.

Ela salva alguma coisa?

A última cor e a configuração Sintaxe CSS moderna ficam no armazenamento local do navegador para estarem lá na próxima vez. Nada é enviado a um servidor.