Conversor de Cores HEX/RGB/HSL
Converta cores entre os 3 formatos principais do CSS — HEX, RGB e HSL — com preview ao vivo. Edite qualquer formato e veja os outros se atualizarem instantaneamente.
rgb(99, 102, 241)
hsl(239, 84%, 67%)
Perguntas frequentes
Qual formato usar no CSS?
Os três funcionam. HEX (#6366f1) é o mais compacto. RGB (rgb(99, 102, 241)) facilita ajustes numéricos. HSL (hsl(239, 84%, 67%)) é melhor para criar paletas, pois ajusta matiz, saturação e luminosidade separadamente.
O que é HSL?
Hue (matiz, 0-360°), Saturation (saturação, 0-100%) e Lightness (luminosidade, 0-100%). É mais intuitivo para humanos: H define a cor, S a vivacidade e L o brilho.
Por que algumas cores não convertem perfeitamente?
Os 3 formatos representam o mesmo espaço de cor RGB, mas com arredondamentos. Pequenas diferenças de 1 ponto em H/S/L são imperceptíveis e normais.
Ferramentas relacionadas
Gerador de UUID
Gere UUIDs (GUIDs) v4 aleatórios e criptograficamente seguros. Até 100 por vez, com ou sem hífens. Para devs.
Codificador Base64
Codifique e decodifique textos em Base64 e URL Encoding online. Ferramenta essencial para desenvolvedores.
Gerador de Hash MD5/SHA
Calcule hashes MD5, SHA-1, SHA-256, SHA-384 e SHA-512 de qualquer texto. Web Crypto API nativo.