Conversor de cor
Converta uma cor entre os formatos HEX, RGB e HSL com uma pré-visualização ao vivo - edite qualquer valor e os outros são atualizados instantaneamente.
#3b82f6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB
HSL
Perguntas frequentes
Qual a diferença entre RGB e HSL?
RGB descreve uma cor pelos seus componentes de luz vermelha, verde e azul (0-255 cada). HSL descreve a mesma cor por matiz (posição na roda de cores, 0-360°), saturação (intensidade, 0-100%) e luminosidade (0-100%). HSL costuma ser mais intuitivo para ajustar uma cor, como deixá-la mais clara ou mais suave, sem mudar seu matiz.
Posso digitar um código hex de 3 dígitos como #fff?
Sim, códigos hex abreviados de 3 dígitos são expandidos automaticamente, #fff vira #ffffff antes de converter.
Por que converteria HEX para HSL em vez de usar HEX em todo lugar?
HSL facilita certos truques de CSS, como gerar um conjunto de tons de cor consistentes mudando apenas o valor de luminosidade, ou construir uma paleta de cores acessível controlando saturação e luminosidade independentemente do matiz.