Conversor de cores

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL 조정

H217S91%L60%

대비 비율 (WCAG)

비교 색상:

샘플 텍스트

대비 비율: 3.68:1

WCAG: AA Large

Última atualização: 2026 · Ferramenta online gratuita

O que é Conversor de cores?

Ferramenta online gratuita para converter entre códigos de cor HEX, RGB, HSL, OKLCH com taxa de contraste WCAG

1
Inserir uma cor — Use o seletor de cores ou entrada de texto. Os formatos HEX, rgb() e hsl() são suportados.
2
Ver formatos — Os formatos HEX, RGB, HSL e OKLCH são exibidos simultaneamente.
3
Copiar valores — Use o botão copiar para cada formato para copiar o valor CSS.
4
Verificar taxa de contraste — Defina uma cor de comparação para verificar a taxa de contraste WCAG.

OKLCH é uma representação cilíndrica do espaço de cores Oklab, o mais perceptualmente uniforme. É suportado no CSS Color Level 4.

Mede a diferença de luminosidade entre texto e cores de fundo. AA exige pelo menos 4,5:1, AAA exige 7:1.

Atualmente apenas cores opacas (RGB, HEX de 6 dígitos) são suportadas. RGBA e HSLA serão adicionados em breve.

Sim. Você pode colar a saída de cada formato diretamente no seu CSS.

Não. Todas as conversões de cores acontecem no seu navegador.