Color Converter

Disponível

Converta e inspecione cores HEX, RGB, HSL e OKLCH localmente, com gamut, luminância e contraste.

Executa localmente. Os valores de cor não saem deste navegador.

Entrada de cor

Digite um valor HEX, RGB, HSL ou OKLCH. Pressione Enter ou use Converter.

Seletor de cor

Compatível com #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb()/rgba(), hsl()/hsla() e oklch().

Prévia

sobre branco

sobre preto

A cor está dentro do gamut sRGB.

HEX

#6366F1

RGB

rgb(99 102 241)

HSL

hsl(238.7 83.5% 66.7%)

OKLCH

oklch(58.5% 0.204 277.1)

Inspeção da cor

Origem

HEX

Alpha

100%

Gamut sRGB

Dentro

Luminância

0.185

Contraste branco

4.47:1

Contraste preto

4.70:1

Conversão e inspeção rodam inteiramente no navegador. Nenhum valor de cor é armazenado ou enviado a um backend Devary.

Formatos CSS em um só lugar

Converta entre formatos sRGB familiares e OKLCH sem enviar tokens de design ou cores da aplicação para um backend.

Limite sRGB explícito

OKLCH pode representar cores fora de sRGB. Nesses casos, as coordenadas OKLCH são preservadas e HEX, RGB e HSL são identificados como representações recortadas para sRGB.