Conversores

Conversor de Cores

Converta HEX, RGB, HSL e OKLCH com picker, conta-gotas, histórico, WCAG, paletas harmônicas, escala tipo Tailwind, ΔE2000 e export JSON/CSS — tudo no navegador.

Seletor
Matiz, saturação, luminância e alpha — sincronizado com os campos.
Preview
Checkerboard quando há transparência.
Formatos
Edite qualquer campo — aplicamos ao sair do campo (blur).
Histórico recente

As cores aparecem aqui conforme você edita.

Variações e gradientes

Mais claro / mais escuro (OKLCH)

Saturação

Paleta automática

Linear

Radial

Acessibilidade
Contraste WCAG 2.x — valores são orientativos.
AA texto normal
AAA texto normal
AA texto grande
AAA texto grande

4.47:1

Sugestão de texto sobre este fundo: escuro (#0f172a) (17.85:1)

Simulação de visão (aproximação para design — não é diagnóstico)

Original

Protanopia

Deuteranopia

Tritanopia

Harmônicos
Rotações de matiz em OKLCH.

complementary

analogous

triadic

Nome CSS mais próximo:unknown( ΔE2000 (CIEDE2000))

Como funciona

O Conversor de Cores converte e manipula cores só no seu navegador, usando a biblioteca culori para espaços perceptuais (incluindo OKLCH), contrastes WCAG e diferença de cor ΔE2000. Nenhuma cor ou paleta é enviada aos nossos servidores.

  • Gamut sRGB: cores expressáveis em OKLCH ou outros espaços podem ficar fora do gamut dos monitores sRGB usuais. Quando isso ocorre, mostramos um aviso e uma pré-visualização mapeada para sRGB (alinhada ao modelo de gamut mapping do CSS Color Level 4).
  • Contraste WCAG: os badges AA/AAA seguem as razões de contraste relativas para texto normal e grande (grandes conforme WCAG 2.x). São ferramentas de apoio ao design — sempre valide em contexto real de tipografia e marcação.
  • Simulação de daltonismo: usa modelo fisiológico aproximado (Machado et al.) apenas para explorar layouts — não substitui testes com usuários nem avaliação profissional de acessibilidade.
  • Link compartilhável: o parâmetro ?c= guarda um hex de 6 ou 8 dígitos para recriar a cor ao abrir a página.

Perguntas frequentes

Veja também

Explore ferramentas relacionadas para complementar seu fluxo:

  • Gerador de QR Code — Crie QR Codes personalizados para links, textos, Wi‑Fi e mais — cores, margem, correção de erro, logo central e export PNG/SVG no navegador.
  • Gerador de UUID — UUID v1, v3, v4, v5 e v7: formatos, lote ate 10k, validacao, namespace RFC, copia e export.
  • Base64 encode/decode — UTF-8, Base64 URL-safe, arquivos, imagem/PDF, data URI, deteccao automatica. Tudo no navegador.

Ferramentas relacionadas