Conversor de Cores (HEX/RGB/HSL)
Converta cores entre os formatos HEX, RGB e HSL. Escolha uma cor visualmente ou insira os valores manualmente.
#535bebrgb(83, 91, 235)hsl(237, 79%, 62%)O que é o Conversor de Cores (HEX/RGB/HSL)?
HEX, RGB e HSL são três maneiras de expressar a mesma cor. HEX (#RRGGBB) é o mais comum em CSS e nas ferramentas de design. RGB (rgb(R,G,B)) separa os canais numericamente. HSL (hsl(H,S%,L%)) é mais intuitivo para as pessoas: o matiz (hue) é a cor, a saturação é a intensidade e a luminosidade (lightness) é o brilho. Use HSL ao projetar paletas; converta para HEX para a implementação.
Perguntas frequentes
Quando devo usar HSL em vez de HEX?▼
E o OKLCH e os espaços de cor modernos?▼
Ferramentas relacionadas
Gerador de Box Shadow CSS
Crie valores de box-shadow em CSS de forma visual. Visualize em tempo real e copie o CSS gerado.
Gerador de Gradientes CSS
Crie gradientes CSS lineares e radiais. Escolha as cores de forma visual e copie o CSS gerado.
Gerador de Curvas de Aceleração Cubic Bezier
Crie curvas de aceleração cubic-bezier para CSS. Inclui predefinições padrão.
Gerador de Paletas de Cores
Gere paletas de cores harmoniosas a partir de qualquer cor base. Suporta esquemas complementares, análogos, triádicos e monocromáticos.
Gerador de Border Radius CSS
Crie valores complexos de border-radius em CSS de forma visual. Controle independente de cada canto.
Gerador de CSS Clamp()
Gere valores CSS fluidos e responsivos com clamp(). Escala suavemente entre tamanhos mínimo e máximo ao longo dos intervalos de viewport.