← Ferramentas Gratuitas

Conversor de Cores Online — HEX, RGB, CMYK, HSL

Converta cores entre todos os formatos. Visualize em tempo real. Copie com um clique.

✓ HEX ↔ RGB✓ RGB ↔ CMYK✓ RGB ↔ HSL✓ Visualização em tempo real
HEX
#3B82F6
RGB
rgb(59, 130, 246)
CMYK
cmyk(76%, 47%, 0%, 4%)
HSL
hsl(217, 91%, 60%)
CSS
rgba(59, 130, 246, 1)
Variações

Quando usar cada formato de cor?

  • HEX (#3B82F6): Padrão em web, CSS e design digital. Usado em sites, apps e interfaces. Copie e cole direto no Figma, Adobe XD ou código HTML.
  • RGB (59, 130, 246): Para telas e monitores. Modelo aditivo — cada canal (R, G, B) vai de 0 a 255. Usado em edição de imagens e vídeo.
  • CMYK (76%, 47%, 0%, 4%): Para impressão gráfica — plotagem de projetos, folders, catálogos, papelaria. Gráficas profissionais trabalham com CMYK.
  • HSL (217°, 91%, 60%): Para ajustes intuitivos — matiz (hue), saturação e luminosidade. Ideal para criar paletas harmoniosas e variações de uma mesma cor.
  • CSS rgba: Para transparências em projetos web. O quarto parâmetro (alpha) define a opacidade de 0 a 1.

Como usar em projetos de arquitetura e interiores?

Ao especificar acabamentos, tintas e materiais para clientes e fornecedores: use HEX ou RGB para apresentações digitais e renders; use CMYK para catálogos impressos e identidade visual; use HSL para criar e ajustar paletas de interiores. Nossa ferramenta converte entre todos esses formatos instantaneamente, com visualização em tempo real da cor resultante.

Siga a gente no Instagram

@arqpd.com.br — Postamos novas ferramentas gratuitas toda semana para arquitetos e designers. Conversores, calculadoras, compressores de imagem e muito mais.

Seguir @arqpd.com.br

Perguntas Frequentes

Como converter HEX para RGB online?

Digite ou cole o código HEX (ex: #3B82F6) no campo correspondente e a ferramenta converte automaticamente para RGB (59, 130, 246), CMYK (76%, 47%, 0%, 4%) e HSL (217°, 91%, 60%) simultaneamente.

Qual a diferença entre RGB e CMYK?

RGB é o sistema aditivo usado em telas (monitor, celular, TV). CMYK é o sistema subtrativo usado em impressão gráfica (plotters, gráficas). A mesma cor pode parecer ligeiramente diferente entre os dois sistemas — especialmente cores vibrantes e neons.

Para que serve HSL em arquitetura e design?

HSL (Matiz, Saturação, Luminosidade) é o sistema mais intuitivo para criar paletas de cores harmoniosas. Ao manter o mesmo H (matiz) e variar S e L, você cria variações consistentes da mesma cor — perfeito para paletas de interiores.

Como obter o código HEX de uma cor da parede ou móvel?

Tire uma foto do material, abra em qualquer editor de imagem e use o conta-gotas para copiar o HEX. Cole aqui para obter os valores para uso em projetos digitais ou impressão.

Qual formato usar para especificação de projeto de interiores?

Use CMYK para comunicar cores a fornecedores de impressão (adesivos, plotagem, tecidos). Use HEX ou RGB para web, apps e apresentações digitais. HSL é ideal para criar paletas harmoniosas no Figma e Adobe.

Conteúdos recomendados

Conversor de Unidades
Comprimir Imagem
JPG → PDF
Design de Interiores
Arquiteto em Blumenau
Arquiteto em Florianópolis
Arquiteto em Balneário Camboriú

Precisa de um projeto aprovado sem dor de cabeça?

Falar com arquitetos →