Converter de Cores — HEX, RGB, HSL, HSV, CMYK
Converta cores entre os formatos HEX, RGB, HSL, HSV e CMYK instantaneamente. Roda de cores interativa com visualização em tempo real.
Roda de Cores
#FF5733
Todos os Formatos
HEX:
#FF5733
RGB:
rgb(255, 87, 51)
HSL:
hsl(11, 100%, 60%)
HSV:
hsv(11, 80%, 100%)
CMYK:
cmyk(0%, 66%, 80%, 0%)
Como Converter Cores
- Use o seletor de cores ou insira um valor de cor em qualquer formato (HEX, RGB ou HSL)
- Todos os outros formatos são atualizados automaticamente em tempo real
- Veja a visualização ao vivo da cor para verificar o resultado
- Clique no botão Copiar ao lado de qualquer formato para copiar o valor
Referência Rápida
| De | Para |
|---|---|
| #FF0000 | rgb(255,0,0) |
| #00FF00 | hsl(120,100%,50%) |
| #0000FF | rgb(0,0,255) |
| rgb(255,165,0) | #FFA500 |
| hsl(0,0%,50%) | #808080 |
| #FFFFFF | rgb(255,255,255) |
Casos de Uso
- •Desenvolvimento web: converta entre formatos de cor CSS para folhas de estilo
- •Design gráfico: traduza cores entre ferramentas de design que utilizam formatos diferentes
- •Diretrizes de marca: garanta uma representação de cor consistente em todos os formatos
- •Acessibilidade: ajuste os valores de luminosidade HSL para atender aos requisitos de contraste
Fórmula
A conversão de cores utiliza algoritmos padrão: HEX é uma representação em base 16 dos valores RGB. HSL (Matiz, Saturação, Luminosidade) oferece uma forma mais intuitiva de descrever cores.
Perguntas Frequentes
O que é o formato de cor HEX?
HEX é um código de cor hexadecimal de 6 dígitos (por exemplo, #FF5733). Cada par de dígitos representa a intensidade de Vermelho, Verde e Azul, de 00 a FF.
Qual é a diferença entre RGB e HSL?
RGB define as cores pela intensidade de Vermelho, Verde e Azul (0-255). HSL usa Matiz (0-360°), Saturação (0-100%) e Luminosidade (0-100%), o que é mais intuitivo para a seleção de cores.
Como faço para converter HEX em RGB?
Divida o código HEX em três pares: #FF5733 → FF=255 (Vermelho), 57=87 (Verde), 33=51 (Azul). Converta cada par de base 16 para base 10.
Qual é o código HEX para branco?
#FFFFFF em HEX, rgb(255, 255, 255) em RGB e hsl(0, 0%, 100%) em HSL.
Posso usar o seletor de cores no celular?
Sim, o seletor de cores nativo funciona na maioria dos navegadores móveis modernos e abre uma interface de seleção de cores otimizada para toque.