Conversor de cores
Converta cores entre os formatos HEX, RGB e HSL.
Acessibilidade
Harmonias
Saída CSS
background-color: #3b82f6; color: #3b82f6; border-color: #3b82f6; /* rgba */ background-color: rgba(59, 130, 246, 1); /* hsl */ background-color: hsl(217, 91%, 60%);
Sobre o Conversor de Cores
As cores na web podem ser expressas em múltiplos formatos: HEX (#FF5733), RGB (rgb(255, 87, 51)) e HSL (hsl(11, 100%, 60%)). Cada formato tem seus pontos fortes — HEX é compacto para CSS, RGB mapeia para o hardware do display e HSL é intuitivo para ajustar matiz, saturação e luminosidade. Um conversor de cores permite alternar facilmente entre esses formatos.
Como Usar
Insira um valor de cor em qualquer formato suportado (HEX, RGB ou HSL). A ferramenta converte automaticamente para todos os outros formatos e mostra uma pré-visualização da cor ao vivo. Copie qualquer formato com um clique para usar no seu CSS, ferramenta de design ou código.
Casos de Uso Comuns
- Converter cores HEX de arquivos de design para RGB no CSS
- Ajustar luminosidade ou saturação de cores usando valores HSL
- Compatibilizar cores de marca entre diferentes ferramentas e formatos de design
- Converter códigos de cor entre projetos web, impressão e aplicativos
- Pré-visualizar e comparar cores rapidamente durante o desenvolvimento de UI