O que é um Conversor de Cores?
Um conversor de cores traduz cores entre diferentes formatos de notação como HEX, RGB, HSL e HSB. Designers e desenvolvedores frequentemente precisam converter cores ao alternar entre ferramentas—por exemplo, de um aplicativo de design que usa HSL para código CSS que usa valores HEX ou RGB.
Como Usar Este Conversor de Cores
- Insira um valor de cor em qualquer formato suportado (ex.: #FF5733, rgb(255, 87, 51) ou hsl(11, 100%, 60%)).
- A ferramenta converte instantaneamente a cor para todos os outros formatos suportados e os exibe juntos.
- Copie qualquer valor convertido para sua área de transferência com um único clique para uso em código ou ferramentas de design.
Conceitos Principais
Códigos HEX representam cores como seis dígitos hexadecimais para canais vermelho, verde e azul. RGB define cores com valores inteiros de 0 a 255 para cada canal. HSL (Matiz, Saturação, Luminosidade) é um modelo mais intuitivo onde a matiz é um ângulo de 0–360 graus na roda de cores, a saturação é uma porcentagem da intensidade da cor e a luminosidade controla o brilho. HSB (Matiz, Saturação, Brilho) é semelhante, mas usa brilho em vez de luminosidade, o que alguns aplicativos de design preferem.
RGB(r,g,b) → HEX = #RRGGBB, HSL(h,s,l) → conversão RGB
Perguntas Frequentes
Qual a diferença entre HSL e HSB?
Ambos usam matiz e saturação, mas HSL define luminosidade (onde 50% é a cor pura) enquanto HSB define brilho (onde 100% é a cor pura). A mesma matiz e saturação podem parecer diferentes em cada modelo.
Posso inserir cores com canal alfa (transparência)?
Sim. Você pode inserir valores como rgba(255, 87, 51, 0.5) ou códigos HEX de 8 dígitos (#FF573380), e o conversor preservará e converterá o valor alfa entre os formatos.
Todos os formatos de cor CSS são suportados?
O conversor suporta HEX (3, 4, 6 e 8 dígitos), RGB, RGBA, HSL e HSLA—cobrindo todos os formatos de cor comumente usados em CSS e ferramentas de design modernas.