Conversor de cores
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL Adjustment
Contrast Ratio (WCAG)
Compare color:
샘플 텍스트
Contrast ratio: 3.68:1
WCAG: AA Large
Última atualização: 2026 · Ferramenta online gratuita
O que é Conversor de cores?
Conversor de cores gratuito online que traduz instantaneamente entre códigos HEX, RGB, HSL e OKLCH e calcula a taxa de contraste WCAG entre duas cores para verificar a acessibilidade com facilidade.
Como usar
- 1Inserir uma cor— Use o seletor de cores ou entrada de texto. Os formatos HEX, rgb() e hsl() são suportados.
- 2Ver formatos— Os formatos HEX, RGB, HSL e OKLCH são exibidos simultaneamente.
- 3Copiar valores— Use o botão copiar para cada formato para copiar o valor CSS.
- 4Verificar taxa de contraste— Defina uma cor de comparação para verificar a taxa de contraste WCAG.
Ferramentas relacionadas
Conversor de TimestampFerramenta online gratuita para converter entre timestamps Unix e datas nos dois sentidos. Aceita segundos (10 dígitos) e milissegundos (13 dígitos) e suporta KST, JST, UTC, ISO 8601 e tempo relativo.
Gerador de gradiente CSSGerador visual gratuito de gradientes CSS: crie gradientes lineares, radiais e cônicos, ajuste os pontos de cor e o ângulo e copie o código CSS pronto para seus fundos.
Gerador CSS box-shadowGerador CSS box-shadow gratuito online com controles de deslocamento, desfoque, propagação, cor e inset, que oferece prévia ao vivo da sombra e gera código CSS box-shadow pronto para copiar.
Perguntas frequentes
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.