# OKLab a HSL Conversor de formato de cor

Converta cores OKLab para HSL em uma etapa. Informe um valor OKLab 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.

## Perguntas frequentes

### Entre quais formatos posso converter?

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).

### Como informo a cor de entrada?

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.

### Como o CMYK é convertido?

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.

### Como escrevo uma entrada CMYK?

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.

### O que acontece com cores fora da gama de destino?

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.

### A transparência é mantida?

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.

### Qual é a precisão dos resultados?

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.

### Quais espaços Lab e LCH o conversor usa?

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.

### Posso converter várias cores de uma só vez?

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.

### Por que os tons de cinza mostram um matiz de 0?

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.

## Ferramentas relacionadas

### [Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/)

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.

### [OKLab a HEX Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklab-to-hex/)

Converta cores OKLab para HEX em uma etapa. Informe um valor OKLab na sintaxe CSS ou como números sem formatação e obtenha o equivalente exato em HEX, arredondado para CSS e calculado com a biblioteca culori. Quando HEX 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.

### [OKLab a RGB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklab-to-rgb/)

Converta cores OKLab para RGB em uma etapa. Informe um valor OKLab 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.

### [OKLab a HWB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklab-to-hwb/)

Converta cores OKLab para HWB em uma etapa. Informe um valor OKLab 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.

### [OKLab a CIELAB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklab-to-lab/)

Converta cores OKLab para CIELAB em uma etapa. Informe um valor OKLab 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.

### [OKLab a CIE LCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklab-to-lch/)

Converta cores OKLab para CIE LCH em uma etapa. Informe um valor OKLab 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.

**Mostrar todas as 90 ferramentas relacionadas**

- [OKLab a OKLCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklab-to-oklch/)
- [OKLab a CMYK Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklab-to-cmyk/)
- [OKLab a Display P3 Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklab-to-p3/)
- [HEX a HSL Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hex-to-hsl/)
- [RGB a HSL Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/rgb-to-hsl/)
- [HWB a HSL Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hwb-to-hsl/)
- [CIELAB a HSL Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lab-to-hsl/)
- [CIE LCH a HSL Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lch-to-hsl/)
- [OKLCH a HSL Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklch-to-hsl/)
- [CMYK a HSL Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/cmyk-to-hsl/)
- [Display P3 a HSL Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/p3-to-hsl/)
- [HEX a RGB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hex-to-rgb/)
- [HEX a HWB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hex-to-hwb/)
- [HEX a CIELAB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hex-to-lab/)
- [HEX a CIE LCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hex-to-lch/)
- [HEX a OKLab Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hex-to-oklab/)
- [HEX a OKLCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hex-to-oklch/)
- [HEX a CMYK Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hex-to-cmyk/)
- [HEX a Display P3 Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hex-to-p3/)
- [RGB a HEX Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/rgb-to-hex/)
- [RGB a HWB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/rgb-to-hwb/)
- [RGB a CIELAB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/rgb-to-lab/)
- [RGB a CIE LCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/rgb-to-lch/)
- [RGB a OKLab Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/rgb-to-oklab/)
- [RGB a OKLCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/rgb-to-oklch/)
- [RGB a CMYK Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/rgb-to-cmyk/)
- [RGB a Display P3 Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/rgb-to-p3/)
- [HSL a HEX Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hsl-to-hex/)
- [HSL a RGB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hsl-to-rgb/)
- [HSL a HWB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hsl-to-hwb/)
- [HSL a CIELAB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hsl-to-lab/)
- [HSL a CIE LCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hsl-to-lch/)
- [HSL a OKLab Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hsl-to-oklab/)
- [HSL a OKLCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hsl-to-oklch/)
- [HSL a CMYK Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hsl-to-cmyk/)
- [HSL a Display P3 Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hsl-to-p3/)
- [HWB a HEX Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hwb-to-hex/)
- [HWB a RGB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hwb-to-rgb/)
- [HWB a CIELAB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hwb-to-lab/)
- [HWB a CIE LCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hwb-to-lch/)
- [HWB a OKLab Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hwb-to-oklab/)
- [HWB a OKLCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hwb-to-oklch/)
- [HWB a CMYK Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hwb-to-cmyk/)
- [HWB a Display P3 Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/hwb-to-p3/)
- [CIELAB a HEX Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lab-to-hex/)
- [CIELAB a RGB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lab-to-rgb/)
- [CIELAB a HWB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lab-to-hwb/)
- [CIELAB a CIE LCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lab-to-lch/)
- [CIELAB a OKLab Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lab-to-oklab/)
- [CIELAB a OKLCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lab-to-oklch/)
- [CIELAB a CMYK Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lab-to-cmyk/)
- [CIELAB a Display P3 Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lab-to-p3/)
- [CIE LCH a HEX Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lch-to-hex/)
- [CIE LCH a RGB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lch-to-rgb/)
- [CIE LCH a HWB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lch-to-hwb/)
- [CIE LCH a CIELAB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lch-to-lab/)
- [CIE LCH a OKLab Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lch-to-oklab/)
- [CIE LCH a OKLCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lch-to-oklch/)
- [CIE LCH a CMYK Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lch-to-cmyk/)
- [CIE LCH a Display P3 Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/lch-to-p3/)
- [OKLCH a HEX Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklch-to-hex/)
- [OKLCH a RGB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklch-to-rgb/)
- [OKLCH a HWB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklch-to-hwb/)
- [OKLCH a CIELAB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklch-to-lab/)
- [OKLCH a CIE LCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklch-to-lch/)
- [OKLCH a OKLab Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklch-to-oklab/)
- [OKLCH a CMYK Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklch-to-cmyk/)
- [OKLCH a Display P3 Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/oklch-to-p3/)
- [CMYK a HEX Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/cmyk-to-hex/)
- [CMYK a RGB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/cmyk-to-rgb/)
- [CMYK a HWB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/cmyk-to-hwb/)
- [CMYK a CIELAB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/cmyk-to-lab/)
- [CMYK a CIE LCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/cmyk-to-lch/)
- [CMYK a OKLab Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/cmyk-to-oklab/)
- [CMYK a OKLCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/cmyk-to-oklch/)
- [CMYK a Display P3 Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/cmyk-to-p3/)
- [Display P3 a HEX Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/p3-to-hex/)
- [Display P3 a RGB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/p3-to-rgb/)
- [Display P3 a HWB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/p3-to-hwb/)
- [Display P3 a CIELAB Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/p3-to-lab/)
- [Display P3 a CIE LCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/p3-to-lch/)
- [Display P3 a OKLab Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/p3-to-oklab/)
- [Display P3 a OKLCH Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/p3-to-oklch/)
- [Display P3 a CMYK Conversor de formato de cor](https://oneclick.pro/pt/tool/color-format-converter/p3-to-cmyk/)

Seu anúncio aqui?

[Envie-nos um e-mail](mailto:hi@dennn.is?subject=Publicidade%20em%20OneClick%20Pro)

[Anúncio O conjunto de plugins pronto para agentes para WordPress.](https://sleekwp.com/?ref=oneclickpro)