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.
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.
Pré-visualização
Sliders RGB
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.
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.
Pronto para lançar o seu site?
Junte-se a mais de 4.000 clientes satisfeitos. Migração gratuita e garantia de reembolso de 30 dias.
Perguntas frequentes - Conversor de Cores
Respostas às perguntas mais comuns sobre os nossos serviços.
Ligue-nos: o suporte funciona 24/7, por telefone e através de tickets.
(+381) 60 3535 720O que é o formato de cor HEX?
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.
Quando utilizar RGB em vez de HEX?
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.
Porque é que o formato HSL facilita o trabalho com temas?
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.
O HEX de 8 caracteres (#RRGGBBAA) é suportado em todos os navegadores?
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.
Esta ferramenta armazena as minhas cores no servidor?
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 30 dias
Reembolsamos sem perguntas nos primeiros 30 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.