🎨 Design e Criatividade

Conversor de Cores — HEX, RGB, HSL, OKLCH e Contraste

Converta qualquer cor entre HEX, RGB, HSL, HWB, OKLCH e LCH. Inclui verificador de contraste WCAG 2.2 contra qualquer fundo ou cor de primeiro plano alternativa.

Cor de entrada (qualquer formato) Aceita hex, rgb, hsl, hwb, oklch, lch e nomes CSS.

Amostra

Formato	Valor

Verificador de contraste WCAG

Primeiro plano

Fundo

Taxa de contraste

—

Texto do corpo 16 px
Texto grande 24 px

—

Como o cálculo funciona

sRGB → linear pela curva de gama padrão, depois para OKLab usando a matriz de Björn Ottosson, e então para OKLCH por coordenadas polares. HSL/HWB usam as fórmulas padrão do CSS Color Module 4.

Contraste WCAG 2.2: taxa = (L1 + 0.05) / (L2 + 0.05), usando a luminância relativa a partir da soma ponderada sRGB→linear (0.2126 R + 0.7152 G + 0.0722 B). AA = 4.5, AAA = 7 para texto normal; 3 e 4.5 para texto grande (18 pt / 14 pt em negrito).

Também conhecido como

color converter oklchhex to hslwcag contrast checkerrgb to hex

Conversor de Cores — HEX, RGB, HSL, OKLCH e Contraste

Verificador de contraste WCAG

Também conhecido como

Ferramentas relacionadas