Edite qualquer valor para sincronizar o bloco de cor e todos os formatos.
Cada fluxo de trabalho usa um modelo diferente. Na web, HEX e RGB são comuns; no design, HSL/HSV facilitam ajustes de matiz e saturação.
HEX é a representação hexadecimal do RGB, compacta para CSS; RGB é direto para telas, pixels e processamento de imagem.
HSL e HSV separam matiz, saturação e luminosidade/valor, ajudando a criar paletas, gradientes e sistemas visuais consistentes.
CMYK é o padrão de impressão e ajuda a alinhar cores de tela com a saída física, reduzindo surpresas na produção.
| Formato | Exemplo | Uso |
|---|---|---|
| HEX | #FF5733 | Design web, estilos CSS |
| RGB | rgb(255, 87, 51) | Telas, Photoshop |
| HSL | hsl(11, 100%, 60%) | Ajuste de matiz e saturação |
| CMYK | cmyk(0%, 66%, 80%, 0%) | Impressão, design gráfico |
| HSV | hsv(11°, 80%, 100%) | Processamento de imagem, OpenCV |
Um conversor unificado mantém consistência entre design, desenvolvimento e impressão, evitando variações de cor e retrabalho.
HEX e RGB são o mesmo modelo em bases diferentes, enquanto HSL/HSV/CMYK reorganizam canais para percepção ou impressão. Os valores diferem, mas o alvo é a mesma cor.
As conversões usam cálculos decimais, mapeamento de gama e arredondamento. Em CMYK, diferenças são normais porque perfis de impressão variam.
Quando você precisa ajustar matiz, saturação ou brilho para paletas, temas e gradientes. É mais intuitivo que RGB para ajustes visuais.
Impressoras misturam tintas ciano, magenta, amarelo e preto, diferente da luz RGB. Ver CMYK ajuda a evitar desvios no resultado físico.
HEX é compacto e comum no CSS; RGB é mais direto quando você precisa controlar canais ou trabalhar com pixels.
HSL usa luminosidade e HSV usa valor. Isso muda a distribuição de brilho em gradientes e escalas.
Cada modelo possui um intervalo definido. Limitar evita valores inválidos e saltos de cor inesperados.
O formato é validado para evitar atualizar o preview com dados incompletos ou fora do intervalo.
Não, tudo é processado localmente no navegador.
É uma conversão genérica. A correspondência real depende de perfis ICC, papel e ajustes da gráfica.
Conversão e pré-visualização ao vivo de HEX/RGB/HSL/HSV/CMYK para design e desenvolvimento.
Escaneie para continuar no celular.