Design

Conversor de Cores Gratuito

Converta cores entre formatos HEX, RGB e HSL instantaneamente. Detecta automaticamente o formato de entrada, mostra todas as conversões simultaneamente com pré-visualização ao vivo da cor e controles RGB. Sem cadastro.

100% gratuito — nenhuma conta necessária

Aceita formato HEX, RGB ou HSL

Pré-visualização
Ajustar RGB
R255
G87
B51
Todos os Formatos

HEX

#ff5733

RGB

rgb(255, 87, 51)

HSL

hsl(11, 100%, 60%)

Recursos de Conversor de Cores Gratuito

Conversão perfeita entre HEX, RGB e HSL

Detecção Automática

Cole qualquer formato de cor e a ferramenta detecta automaticamente.

3 Formatos

Converta entre HEX (#ff5733), RGB (rgb(255,87,51)) e HSL (hsl(11,100%,60%)).

Pré-visualização da Cor

Amostra grande mostrando a cor exata com a qual você está trabalhando.

Controles RGB

Ajuste os valores R, G, B com controles deslizantes e veja todos os formatos atualizarem em tempo real.

FAQ

Quando devo usar HEX vs RGB vs HSL?

HEX para abreviação CSS (#ff5733), RGB quando precisar de transparência alfa (rgba), HSL ao ajustar matiz/saturação/luminosidade intuitivamente. Todos produzem as mesmas cores.

Qual a diferença entre RGB e HSL?

RGB define cores pelos valores dos canais vermelho/verde/azul (0-255). HSL usa matiz (0-360°), saturação (0-100%) e luminosidade (0-100%) — mais intuitivo para designers.

Isso suporta alfa/opacidade?

O conversor foca em cores opacas. Para transparência, adicione valores alfa manualmente: rgba(255,87,51,0.5) ou hsla(11,100%,60%,0.5).

Gostando das nossas ferramentas gratuitas?

Crie Conteúdo Visual com sua Marca

Use cores perfeitas nos seus gráficos de redes sociais.