O que são os espaços de cor modernos do CSS?
O CSS Color Level 4 introduz diversos espaços de cor além do sRGB tradicional. OKLCH e OKLab permitem manipular cores de maneira perceptualmente uniforme, ou seja, alterações numéricas iguais produzem variações visuais equivalentes. Display P3 oferece cores com gamut mais amplo em telas modernas. HWB (Hue, Whiteness, Blackness) é uma alternativa intuitiva ao HSL. Esta ferramenta converte uma única cor de entrada para todas essas representações, com sintaxe CSS pronta para uso.
Como usar o explorador de espaços de cor
- 1Insira uma cor HEX usando o seletor de cores ou o campo de texto.
- 2Veja a cor convertida em oito espaços de cor diferentes.
- 3Clique em Copy CSS ao lado de qualquer formato para copiar o valor pronto para CSS.
- 4Use valores OKLCH para criar paletas perceptualmente uniformes no CSS moderno.
Casos de uso comuns
Design com CSS moderno
Use OKLCH para criar paletas de cores perceptualmente uniformes em CSS.
Trabalho com cores de gamut amplo
Converta cores sRGB para Display P3 e obtenha cores mais ricas em telas compatíveis.
Aprendizado sobre ciência das cores
Entenda como uma mesma cor é representada em diferentes modelos de cor.
Perguntas frequentes
What problem does Explorador de espaços de cor — OKLCH, OKLab, P3 e mais solve?
Conversor online gratuito de espaços de cor avançados. Converta entre HEX, RGB, HSL, HWB, OKLab, OKLCH, Linear sRGB e Display P3, com saída CSS. Não exige cadastro.
Do I need to install software to use Explorador de espaços de cor — OKLCH, OKLab, P3 e mais?
No. The tool works in a modern web browser, so you can complete the task without installing a separate desktop application.
Does this tool upload my data?
The tool is designed to run in the browser whenever possible. Tools that require a backend or AI service are labeled separately.