Ferramenta gratuita para web designers

Conversor de Cores — Conversor de Cores HEX, RGB, HSL

Converta cores entre os formatos HEX, RGB e HSL. Pré-visualização ao vivo, seletor de cores, sliders RGB e as 20 cores mais populares. Tudo local no navegador.

Converter cor Planos de alojamento

RESPOSTA RÁPIDA

Como utilizar o Conversor de Cores para HEX, RGB e HSL?

O Conversor de Cores converte uma cor entre 3 formatos web padrão em 3 passos: 1) Introduza um valor em qualquer formato — HEX (#FFCB05), RGB (rgb(255, 203, 5)) ou HSL (hsl(48, 100%, 51%)). 2) A ferramenta calcula automaticamente os outros dois formatos + mostra uma pré-visualização ao vivo. 3) Copie o formato pretendido ou utilize os sliders RGB para um ajuste fino. Quando usar cada formato: HEX para CSS e HTML, RGB para o canvas JavaScript, HSL para variações semânticas (tom mais claro/mais escuro). Tudo é calculado localmente no navegador.

3 formatos — HEX, RGB, HSL — com pré-visualização ao vivo
Sliders RGB para ajuste fino de vermelho/verde/azul
As 20 cores mais populares como seletor rápido
Local no navegador — sem envio para o servidor

Conversor de Cores

Introduza uma cor no formato HEX, RGB ou HSL — a ferramenta converte automaticamente para os três formatos.

Introduza uma cor

Pré-visualização

#FFCB05

HEX

#FFCB05

RGB

rgb(255, 203, 5)

HSL

hsl(48, 100%, 51%)

Sliders RGB

R (vermelho)255

G (verde)203

B (azul)5

As 20 cores mais comuns

Privacidade: Todas as conversões são realizadas localmente no navegador através de funções matemáticas JavaScript. As suas cores NÃO são enviadas para o servidor.

Guia

HEX, RGB e HSL — quando usar cada formato

O formato HEX (#FFCB05) é o mais comum em CSS e HTML — compacto e legível. Seis caracteres hexadecimais representam 3 bytes (componentes vermelho/verde/azul, de 0 a 255 cada). Existe também uma notação abreviada de 3 caracteres (#FA0 = #FFAA00) para cores com pares repetidos.

RGB — Red Green Blue

O formato RGB utiliza 3 números decimais de 0 a 255 (rgb(255, 203, 5)). Ideal para a canvas API do JavaScript, geração programática de cores e canal alfa (rgba). O RGB é intuitivo ao misturar cores primárias, mas não é adequado para variações da mesma cor.

HSL — Hue Saturation Lightness

O HSL separa uma cor em 3 componentes: Hue (matiz, 0-360°, onde vermelho=0, verde=120, azul=240), Saturation (saturação, 0-100%) e Lightness (luminosidade, 0-100%). Ideal para temas e paletas — altere apenas a Lightness para um estado hover, ou apenas o Hue para cores secundárias.

Ferramentas e serviços relacionados

HTML Minifier .htaccess Generator Meta Tag Analyzer JSON Formatter Base64 Encoder Password Generator CSS on your site WordPress Hosting Check site speed Contact

Pronto para lançar o seu site?

Proteção SSL

Velocidade

Apoio 24/7

Junte-se a mais de 4.000 clientes satisfeitos. Migração gratuita e garantia de reembolso de 15 dias.

Escolher um plano Contacte-nos

Garantia de reembolso de 15 dias

Migração gratuitaGarantia de 15 diasApoio 24/7

Perguntas frequentes - Conversor de Cores

Respostas às perguntas mais comuns sobre os nossos serviços.

O HEX (hexadecimal) é a notação de cor padrão em CSS na forma #RRGGBB. Cada valor hexadecimal de dois dígitos (00-FF) representa um dos três componentes: vermelho (RR), verde (GG), azul (BB). Por exemplo, #FFCB05 significa R=255, G=203, B=5 — a cor amarela da marca BeoHosting.

O formato RGB é utilizado quando precisa de um canal alfa (transparência) — rgba(255, 203, 5, 0.5) — ou quando gera cores programaticamente na canvas API do JavaScript, onde os valores numéricos são mais práticos. O HEX é mais compacto para CSS estático, ao passo que o RGB é mais legível para valores dinâmicos.

O HSL separa a cor em três componentes intuitivos: Hue, Saturation, Lightness. Para criar um estado hover, reduza a Lightness em 5-10% sem alterar a matiz. Para criar uma cor secundária, altere apenas o Hue em 30-60°. O RGB e o HEX exigem cálculos complexos para obter os mesmos resultados.

Sim, desde 2018 todos os navegadores modernos (Chrome 62+, Firefox 49+, Safari 10+) suportam HEX de 8 caracteres com canal alfa: #FFCB0580 significa 50% de transparência. Para navegadores antigos (IE), utilize rgba(), que tem suporte universal.

Não. Todas as conversões são realizadas localmente no seu navegador através de funções matemáticas JavaScript. As suas cores NÃO são enviadas para o servidor nem armazenadas numa base de dados. Tudo é 100% privado e funciona offline.

As nossas garantias para a sua tranquilidade

Protegido em todas as frentes

Garantia de 15 dias

Reembolsamos sem perguntas nos primeiros 15 dias.

Migração gratuita

Migramos o seu site sem qualquer interrupção — não tem de fazer nada.

Suporte 24/7

Os nossos especialistas estão disponíveis 24/7 através de tickets e chat em direto.