Conversor de cores grátis
Converta cores entre os formatos HEX, RGB, HSL, HSV e CMYK instantaneamente. Inclui uma escala de luminosidade e amostras predefinidas.
Converta uma cor entre HEX, RGB, HSL, HSV e CMYK — com uma visualização ao vivo e cópia com um toque. Tudo funciona no seu navegador.
Aceita: HEX (#fff ou #ffffff), RGB (255, 255, 255) ou HSL (360, 100%, 50%)
Contraste WCAG
Em fundo branco
2,49:1
Em fundo preto
8,44:1
Escala de luminosidade
Clique em qualquer amostra para mudar para aquele tom
Usos comuns
- Converta Cores para Design de WebObtenha valores HEX, RGB e HSL para qualquer cor — pronto para colar em CSS ou Tailwind.
- Converta Cores para Impressão (CMYK)Converta cores de tela (HEX/RGB) em valores CMYK para uso em design de impressão e impressão profissional.
- Construa Paletas de Cores para Sistemas de DesignConverta cores de marca em todos os formatos e gere escalas de clareza consistentes para um sistema de design completo.
- Verificar Contraste de Cor para AcessibilidadeConverta cores para obter valores RGB para uso em ferramentas de razão de contraste — conformidade WCAG para design acessível.
- Converter Cores para FigmaObtenha valores HEX e RGB exatos para colar em seletores de cores Figma e sistemas de tokens de design.
Como funciona
Toda a lógica de conversão é JavaScript escrito à mão funcionando inteiramente no seu navegador — sem biblioteca, sem chamada a servidor. A ferramenta analisa a sua entrada, encaminha-a através de uma cadeia de funções matemáticas puras, e produz simultaneamente onze formatos de saída incluindo os modernos espaços CSS Color 4 oklch() e lab().
- 1Análise flexível de entradaUm analisador personalizado aceita hexadecimal (3, 4, 6, ou 8 dígitos), rgb()/rgba(), hsl()/hsla() tanto na sintaxe legada de vírgulas como na sintaxe moderna de espaços, e triplos numéricos simples. Os valores alfa como decimais ou percentagens são normalizados para o intervalo 0–1 antes de qualquer conversão começar.
- 2O RGB como centro de conversãoTodo formato aceite é primeiro resolvido para um triplo RGB canónico. A partir dessa única representação a ferramenta ramifica-se: HSL e HSV usam as fórmulas padrão de min/max/chroma; CMYK é derivado encontrando o canal chave; e a linearização sRGB (a curva gama por partes definida em IEC 61966-2-1) é aplicada antes dos cálculos de espaço percetual.
- 3Espaços de cor percetuais calculados do zerooklch() é calculado usando as matrizes de referência 3×3 de Björn Ottosson (espaço de raiz cúbica LMS). lab() e lch() usam adaptação cromática de Bradford para converter do ponto branco D65 para D50, o que corresponde a como o CSS Color 4 define lab(). São as mesmas fórmulas usadas nos motores de renderização dos navegadores — implementadas aqui sem qualquer dependência externa.
- 4Contraste WCAG e escala de luminosidadeA luminância relativa é calculada segundo a fórmula WCAG 2.1 (R, G, B linearizados ponderados 0,2126/0,7152/0,0722) e o rácio de contraste contra branco e preto é classificado AA-grande, AA, AAA, ou Falha. Uma faixa de nove passos de luminosidade é gerada avançando o canal de luminosidade HSL de 10% a 90%, permitindo-lhe clicar em qualquer amostra para converter esse tom.
Ferramentas relacionadas
Seletor de cores e gerador de paletas
Escolha cores, converta entre HEX/RGB/HSL e gere paletas harmoniosas.
Gerador de cores aleatórias
Gere cores aleatórias uma de cada vez ou em uma paleta de cinco, bloqueie as que você gostar, copie valores HEX, RGB ou HSL e exporte a paleta como PNG ou CSS.
Gerador de paleta de cores
Gere paletas de cores complementares, análogas, triádicas e monocromáticas a partir de qualquer cor base. Copie códigos hexadecimais com um clique.