Converta uma cor entre HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK e Display P3. Escolha os formatos de origem e destino, informe o valor na sintaxe CSS ou como números sem formatação e obtenha um resultado pronto para CSS, calculado com a biblioteca culori. As cores fora da gama do destino são mapeadas conforme especificado pelo CSS Color 4. Criado para desenvolvedores e designers que transferem cores entre ferramentas de código e design.
Dez formatos: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK e Display P3. Qualquer um deles pode ser a origem ou o destino, o que permite 90 direções de conversão. Os resultados usam a sintaxe moderna CSS Color 4, como rgb(255 136 0) ou oklch(0.7442 0.1812 56.46).
Informe a notação completa CSS do formato de origem, como hsl(32 100% 50%) ou color(display-p3 1 0.5 0), ou apenas seus números, como 32, 100%, 50% com HSL selecionado. Códigos hexadecimais funcionam com ou sem #, nos formatos de 3, 4, 6 ou 8 dígitos. O valor deve corresponder ao formato de origem selecionado; por isso, um valor rgb() em uma página HSL é rejeitado em vez de ser convertido por engano.
A culori não tem modo CMYK, então o conversor usa a fórmula ingênua padrão em valores sRGB de 0 a 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), e o mesmo vale para M e Y. No sentido inverso, R = (1 - C) x (1 - K) e assim por diante. Esta não é uma conversão com perfil ICC, portanto não corresponderá à saída de uma prensa ou papel específico; use-a para aproximações em tela e especificações aproximadas.
Use cmyk(0%, 47%, 100%, 0%), cmyk(0 0.47 1 0) ou quatro números sem formatação. Valores com sinal de porcentagem são percentuais; valores sem unidade são interpretados como frações de 0 a 1, a menos que algum deles seja maior que 1; nesse caso, todos são interpretados como porcentagens. Assim, 0, 47, 100, 0 funciona como esperado. A saída CMYK é sempre expressa em porcentagens com até duas casas decimais.
Lab, LCH, OKLab, OKLCH e Display P3 podem descrever cores que o sRGB não consegue exibir. Quando o destino é HEX, RGB, HSL, HWB ou CMYK, todos sRGB, ou Display P3, uma cor fora da gama é mapeada pelo algoritmo CSS Color 4, que reduz a cromaticidade OKLCH até a cor se encaixar; o resultado inclui uma observação. Os destinos Lab, LCH, OKLab e OKLCH não têm limites e nunca são mapeados.
Sim, para todos os destinos, exceto CMYK. Um valor alfa na entrada, como rgb(255 136 0 / 50%) ou #ff880080, é escrito como / 0.5 dentro de funções CSS e como um código hexadecimal de 8 dígitos. CMYK não tem canal alfa, então o alfa é descartado nesse formato.
Os canais RGB são arredondados para números inteiros de 0 a 255; os percentuais HSL, HWB e CMYK, e os valores Lab e LCH, para duas casas decimais; os valores OKLab, a luminosidade e a cromaticidade OKLCH e os canais Display P3, para quatro casas decimais; os matizes, para duas casas decimais. Todos os cálculos são feitos com precisão dupla total antes do arredondamento, então a conversão de ida e volta mantém o resultado dentro do arredondamento do valor original.
CIELAB e CIE LCH com ponto branco D50, exatamente como definidos pelas funções CSS lab() e lch(), com adaptação de Bradford do branco D65 do sRGB. A luminosidade varia de 0 a 100. OKLab e OKLCH são os espaços perceptuais de Bjorn Ottosson usados por CSS oklab() e oklch(), com luminosidade de 0 a 1.
O formulário da página converte uma cor por vez. Clientes que chamam a ferramenta diretamente podem enviar até 100 cores, uma por linha, e receber um valor convertido por linha, na mesma ordem. Cada cor pode ter no máximo 100 caracteres.
Cores neutras não têm matiz, o que CSS pode escrever como none. O conversor escreve 0 no lugar, para que o valor também funcione em ferramentas que não aceitam none. O matiz não tem efeito visível quando a saturação ou a cromaticidade é zero.
Converta cores HEX para RGB em uma etapa. Informe um valor HEX na sintaxe CSS ou como números sem formatação e obtenha o equivalente exato em RGB, arredondado para CSS e calculado com a biblioteca culori. Quando RGB não consegue exibir a cor, ela é mapeada para a cor mais próxima dentro da gama, conforme especificado pelo CSS Color 4. Criado para desenvolvedores e designers que transferem cores entre folhas de estilo, ferramentas de design e especificações.
Converta cores HEX para HSL em uma etapa. Informe um valor HEX na sintaxe CSS ou como números sem formatação e obtenha o equivalente exato em HSL, arredondado para CSS e calculado com a biblioteca culori. Quando HSL não consegue exibir a cor, ela é mapeada para a cor mais próxima dentro da gama, conforme especificado pelo CSS Color 4. Criado para desenvolvedores e designers que transferem cores entre folhas de estilo, ferramentas de design e especificações.
Converta cores HEX para HWB em uma etapa. Informe um valor HEX na sintaxe CSS ou como números sem formatação e obtenha o equivalente exato em HWB, arredondado para CSS e calculado com a biblioteca culori. Quando HWB não consegue exibir a cor, ela é mapeada para a cor mais próxima dentro da gama, conforme especificado pelo CSS Color 4. Criado para desenvolvedores e designers que transferem cores entre folhas de estilo, ferramentas de design e especificações.
Converta cores HEX para CIELAB em uma etapa. Informe um valor HEX na sintaxe CSS ou como números sem formatação e obtenha o equivalente exato em CIELAB, arredondado para CSS e calculado com a biblioteca culori. Quando CIELAB não consegue exibir a cor, ela é mapeada para a cor mais próxima dentro da gama, conforme especificado pelo CSS Color 4. Criado para desenvolvedores e designers que transferem cores entre folhas de estilo, ferramentas de design e especificações.
Converta cores HEX para CIE LCH em uma etapa. Informe um valor HEX na sintaxe CSS ou como números sem formatação e obtenha o equivalente exato em CIE LCH, arredondado para CSS e calculado com a biblioteca culori. Quando CIE LCH não consegue exibir a cor, ela é mapeada para a cor mais próxima dentro da gama, conforme especificado pelo CSS Color 4. Criado para desenvolvedores e designers que transferem cores entre folhas de estilo, ferramentas de design e especificações.
Converta cores HEX para OKLab em uma etapa. Informe um valor HEX na sintaxe CSS ou como números sem formatação e obtenha o equivalente exato em OKLab, arredondado para CSS e calculado com a biblioteca culori. Quando OKLab não consegue exibir a cor, ela é mapeada para a cor mais próxima dentro da gama, conforme especificado pelo CSS Color 4. Criado para desenvolvedores e designers que transferem cores entre folhas de estilo, ferramentas de design e especificações.
OneClick Pro é uma coleção gratuita com mais de 150 ferramentas da Web para o trabalho cotidiano: converter imagens e unidades, formatar e validar código, verificar domínios e SEO, e trabalhar com textos, datas e números. Todas as ferramentas funcionam sem registro ou assinatura, e o que você digita é usado apenas para calcular o resultado e nunca é armazenado. Use o serviço como uma caixa de ferramentas para tarefas pontuais ou salve nos favoritos as ferramentas que você usa todos os dias.