Conversor de cores
Converte uma cor para HEX, RGB, HSL, HSV, CMYK, LAB e OKLCH, com o contraste.
Ferramentas relacionadas
Todas as ferramentas: Cores e CSS →Este conversor de cores gratuito transforma qualquer cor entre HEX, RGB e HSL ao instante no navegador. Introduza um valor num formato e leia-o em todos os outros, pronto a colar em CSS, numa ferramenta de design ou no seu código. Ideal para respeitar cores de marca, criar paletas e ajustar tons sem adivinhar.
Como usar
- Introduza uma cor em HEX, RGB ou HSL.
- Leia os valores equivalentes nos outros formatos.
- Copie o formato que precisa para o seu projeto.
Perguntas frequentes
Como converto HEX para RGB?
Uma cor HEX como #4287f5 são três pares — vermelho (42), verde (87), azul (f5) — cada um lido como número de 0 a 255. Esta ferramenta faz a conversão ao instante.
O que é HSL?
HSL significa Matiz (Hue), Saturação e Luminosidade (Lightness). Costuma ser mais fácil que RGB para ajustar uma cor: aumente a luminosidade para clarear, baixe a saturação para suavizar, mude o matiz para trocar de cor.
Qual a diferença entre HEX e RGB?
Descrevem a mesma cor — HEX é uma notação compacta em base 16 (#ff0000) e RGB lista os canais em decimal (rgb(255,0,0)). Ambos funcionam em CSS.
Posso usar estes valores em CSS?
Sim. HEX, rgb() e hsl() são valores de cor CSS válidos — copie o que encaixar na sua folha de estilos ou design system.
O que é Conversor de cores?
Converte uma cor para HEX, RGB, HSL, HSV, CMYK, LAB e OKLCH, com o contraste.
Em que casos se usa na prática?
Levar uma cor de uma ferramenta de design para uma folha de estilos, construir uma paleta em torno de uma cor de marca e verificar se o texto será legível sobre ela.
Qual é o erro mais comum?
Avaliar o contraste a olho. Duas cores que parecem distintas num monitor luminoso podem falhar claramente o rácio de acessibilidade, e é esse rácio que uma auditoria vai medir.
Em que difere Conversor de cores de Verificador de contraste de cor?
Estão próximos mas respondem a perguntas diferentes: Verificador de contraste de cor é o que deves abrir quando se trata de rácio de contraste WCAG entre texto e fundo, com aprovado/reprovado AA/AAA e uma pré-visualização. Escolhe o que corresponde ao teu ponto de partida — ambos são gratuitos.
Existe uma ferramenta para o passo seguinte?
Inversor de cor é o mais próximo a seguir a este: Inverta uma cor (255 − RGB) ou obtenha a complementar, em HEX/RGB/HSL/CMYK com o contraste.
Que mais vale a pena ter aberto ao lado?
Gerador de esquemas de cor e Seletor de cor de imagem — surgem na mesma tarefa com frequência suficiente para merecerem outro separador.