Conversor de Cores — HEX, RGB, HSL, HSV e Nomes CSS
Converta qualquer cor entre os formatos HEX, RGB, HSL, HSV e cores nomeadas CSS instantaneamente. Digite um código hex, rgb(), hsl() ou um nome de cor para ver todas as representações lado a lado — gratuito, sem cadastro.
Conversor de Cores
Quais formatos de cor são suportados?
Esta ferramenta suporta HEX (#rrggbb e abreviação #rgb), RGB (rgb(r, g, b)), HSL (hsl(h, s%, l%)), HSV (também chamado HSB) e todas as 140 cores nomeadas CSS como 'red', 'cornflowerblue' e 'rebeccapurple'. O formato é detectado automaticamente a partir de sua entrada.
Quando usaria cada formato?
HEX é o formato mais comum em design web e é compacto. RGB é útil para mistura de cores e composição. HSL é intuitivo para criar variações de cores (ajuste leveza ou saturação). HSV (Matiz-Saturação-Valor) é usado em muitas ferramentas de design, incluindo Photoshop e Figma. Cores nomeadas CSS são práticas para prototipagem rápida.
Como HSV é diferente de HSL?
Ambos usam um ângulo de matiz e percentual de saturação, mas diferem no terceiro componente: HSL usa Leveza (50% é a cor pura), enquanto HSV usa Valor/Brilho (100% é a versão mais brilhante daquele matiz). Aplicações de design como Photoshop tipicamente usam HSV, enquanto CSS usa HSL.
Como usar
- Digite ou cole uma cor em qualquer formato — HEX, rgb(), hsl() ou um nome de cor CSS.
- Ou use o seletor de cores para selecionar uma cor visualmente.
- Todas as representações de formato são atualizadas instantaneamente.
- Clique em Copiar ao lado de qualquer formato para copiar esse valor para sua área de transferência.
Os dados de sua cor permanecem em seu navegador — nenhum dado é enviado para qualquer servidor.
Perguntas Frequentes
- Quais formatos de cor posso inserir?
- HEX (#rrggbb ou #rgb), rgb(r, g, b), hsl(h, s%, l%) e qualquer cor nomeada CSS como 'tomato' ou 'steelblue'.
- Por que minha cor não tem um nome CSS?
- Apenas 140 cores têm equivalentes nomeados CSS oficiais. Se sua cor não corresponder exatamente a uma delas, o campo Nome CSS mostrará um travessão.
- O que é HSV / HSB?
- HSV (Matiz, Saturação, Valor) — também chamado HSB (Matiz, Saturação, Brilho) — é um modelo de cor usado em muitas ferramentas de design. Valor/Brilho de 100% oferece a versão mais brilhante do matiz, diferente de HSL onde 50% de leveza é a cor pura.
- Este conversor de cores é gratuito?
- Sim, completamente gratuito sem cadastro. Toda conversão acontece em seu navegador — nenhum dado é enviado para qualquer servidor.