Anúncios incomodam? Ir Sem anúncios Hoje 

Conversor de Espaço de Cor Unificado

CorDesenvolvedorImagem

ANUNCIADO Remover?

ENTRADA

Processo Automático

SAÍDA

Lado cliente

Visualizar

Todos os Espaços de Cor

HEX

RGB

HSL

HSV / HSB

CMYK

CIE LAB

LCH

CIE XYZ (D65)

Oklab

Nome mais próximo do CSS

ANUNCIADO Remover?

Guia

Conversor de Espaço de Cor Unificado

Cole uma cor em qualquer formato comum e veja imediatamente sua representação em nove espaços de cor ao lado. O conversor detecta automaticamente HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ, Oklab e nomes de cores do CSS, e calcula todas as outras representações usando correção de gamma sRGB e o ponto branco padrão D65. Uma prévia visual interativa e um botão de cópia para cada valor tornam esse um recurso rápido para designers, desenvolvedores, equipes de impressão e qualquer pessoa que precise de colorimetria precisa sem precisar fazer cálculos próprios.

Como usar

Digite ou cole um valor de cor no Valor da Cor campo. Qualquer formato comum funciona: #464aff, rgb(70, 74, 255), hsl(238, 100%, 64%), lab(45 35 -85), oklab(0.5 0.1 -0.05), cmyk(72%, 71%, 0%, 0%), ou um nome do CSS como cornflowerblue.
Opicionalmente, arraste o seletor de cor nativo para escolher uma cor visualmente; o seletores e o campo de texto permanecem sincronizados.
O formato detectado é exibido como uma etiqueta na prévia. Todos os outros espaços de cor são populados automaticamente.
Clique no ícone de cópia ao lado de qualquer saída para copiar essa representação para a área de transferência.
O Nome mais próximo do CSS campo mostra a cor padrão do CSS mais próxima juntamente com a distância ΔE76 para decisões rápidas de paleta.

Características

Nove espaços de cor ao mesmo tempo – HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ (D65) e Oklab lado a lado.
Detecção automática de entrada – Cole qualquer formato e o analisador identifica automaticamente, incluindo o moderno lab(), lch(), oklab()e nomes de cores do CSS.
Colorimetria precisa – Codificação e decodificação de sRGB com gamma, matrizes alinhadas com Bradford e matrizes de Oklab de Björn Ottosson para resultados perceptualmente corretos.
Prévia interativa de cores – Veja a cor exibida exatamente ao lado de seus valores HEX e RGB enquanto digita.
Nome da cor do CSS mais próxima – Consulta ΔE76 contra a lista completa de nomes de cores do CSS para rótulos visuais rápidos.
Cópia com um clique – Cada linha de saída tem um botão de cópia para que você possa mover os valores diretamente para arquivos de design ou código.
Cálculos puramente no lado do cliente – Tudo é executado localmente no seu navegador; nenhum valor de cor é enviado para um servidor.

 Perguntas frequentes

Qual a diferença entre CIE LAB e Oklab?

O CIE LAB tem sido o padrão de espaço de cor perceptualmente uniforme desde 1976 e é amplamente usado na impressão e na ciência da cor. O Oklab, introduzido por Björn Ottosson em 2020, foi especificamente ajustado para corrigir as fraquezas conhecidas do LAB em relação à uniformidade de tom, especialmente na faixa azul. O Oklab produz geralmente gradientes mais suaves e rotações de tom mais previsíveis, o que é a razão pela qual o CSS Color Level 4 o promove para o trabalho de cores moderno na web.
Por que a mesma cor tem valores diferentes em LAB versus XYZ?

O CIE XYZ descreve uma cor em termos de três primários imaginários que cobrem o espectro visível humano, com valores lineares na intensidade da luz. O CIE LAB é uma transformação não linear do XYZ projetada para ser aproximadamente perceptualmente uniforme, de modo que distâncias numéricas iguais em LAB correspondem mais precisamente a diferenças perceptíveis iguais. Eles descrevem a mesma cor, mas o XYZ é destinado a cálculos em ciência da cor e o LAB é destinado a medir diferenças perceptíveis.
Por que o CMYK é apenas uma aproximação?

A saída verdadeira de CMYK depende dos tinta específicos, papel e impressora utilizados, que são capturados em um perfil ICC. Uma estimativa de CMYK independente do dispositivo, como a gerada por esta ferramenta, aplica um modelo simples de subtração sobre o sRGB e ignora o processo físico de impressão. É útil para conversões aproximadas, mas nunca deve substituir uma prova suave através do perfil ICC real quando a precisão é importante.
O que significa o valor ΔE ao lado do nome mais próximo do CSS?

O ΔE (delta E) é um número único que resume como duas cores se parecem para um observador humano no espaço de cor LAB. O ΔE76 é a fórmula original de 1976 e é o que esta ferramenta relata. Como orientação aproximada, um ΔE abaixo de 1 é essencialmente indistinguível, abaixo de 2 é quase imperceptível em comparação lateral e acima de 10 é claramente uma cor diferente.
Por que alguns valores de LAB ou Oklab produzem resultados de RGB cortados?

LAB, LCH, Oklab e XYZ podem descrever cores que estão fora do gamut do sRGB, o que significa que não podem ser exibidas com precisão em um monitor padrão. Quando um valor convertido de RGB cair abaixo de 0 ou acima de 255, esta ferramenta clama cada canal dentro do intervalo exibível. A cor visível é a aproximação mais próxima dentro do gamut, e não uma reprodução fiel da cor original fora do gamut.