Conversor de cores
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 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
- 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.
Ferramentas relacionadas
Conversor de Timestamp Ferramenta 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 CSS Gerador 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-shadow Gerador 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.