Conversor de Cores HEX, RGB e HSL
Converta cores entre HEX, RGB e HSL e copie o valor pronto para CSS. Escolha uma cor no seletor ou digite um código HEX.
Aceita 3 ou 6 dígitos, com ou sem #.
HEX#2563EB
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)
CSSbackground-color: #2563eb;
Como usar
- Escolha uma cor no seletor ou digite um HEX.
- O campo HEX aceita 3 ou 6 dígitos, com ou sem #.
- Veja os valores em RGB, HSL e CSS atualizados automaticamente.
- Copie o formato que precisar.
HEX, RGB e HSL representam a mesma cor em espaços de codificação diferentes.
Perguntas frequentes
Aceita HEX de 3 dígitos?
Sim, como #fff, que equivale a #ffffff.
O que é HSL?
É uma representação por matiz (h), saturação (s) e luminosidade (l).
Posso usar o valor no CSS?
Sim. Copie o HEX, RGB ou HSL e use diretamente em uma propriedade CSS.