Conversor de cores
Introduza uma cor em qualquer formato e obtenha imediatamente todas as conversões — RGB, Hex, HSL, HWB, CMYK e NCol.
O que é um conversor de cores?
Um conversor de cores traduz uma cor entre os diferentes sistemas de codificação utilizados no design web, na impressão e na arte digital. Em Portugal, os criadores trabalham com paletas que incluem o azul cobalto dos azulejos de Lisboa e do Porto, o verde esperança da bandeira nacional e o ocre-alaranjado das fachadas pombalinas da Baixa lisboeta.
A ferramenta suporta seis formatos: RGB, Hex, HSL, HWB, CMYK e Cor natural (NCol). Identifica também o nome CSS mais próximo quando a correspondência é suficientemente precisa.
Modelos de cores em resumo
RGB
Modelo aditivo para ecrãs. Cada canal varia de 0 a 255. A combinação na intensidade máxima produz branco.
Hex
Codificação hexadecimal de RGB, largamente usada em CSS. Exemplo: #006600 (verde da bandeira portuguesa).
HSL
Descreve a cor por ângulo de tonalidade (0–360°), saturação e luminosidade. Intuitivo para a perceção humana.
HWB
Alternativa ao HSL. Usa tonalidade, brancura e negrura. Ideal para clarear ou escurecer.
CMYK
Modelo subtrativo para impressão: ciano, magenta, amarelo e preto.
Cor natural (NCol)
Cor natural W3C: tonalidade como letra + percentagem de desvio, mais brancura e negrura.
Exemplos de cores portuguesas emblemáticas
Verde bandeira (#006600)
O verde escuro da bandeira portuguesa (RGB 0, 102, 0). Em HSL exatamente 120°, 100%, 20%. Evoca os pinheiros da Serra da Estrela e os vinhedos do Douro.
Vermelho bandeira (#ff0000)
O vermelho vivo da bandeira nacional (RGB 255, 0, 0). Símbolo do movimento republicano de 1910. Presente na sinalética e nas identidades corporativas portuguesas.
Azul azulejo (#003399)
O azul cobalto profundo dos azulejos portugueses (RGB 0, 51, 153). Em CMYK: 100% C, 67% M, 0% Y, 40% K. Símbolo da identidade cultural de Lisboa.
Ocre pombalino (#d4a054)
O amarelo-ocre das fachadas da Baixa Pombalina de Lisboa (RGB 212, 160, 84). Em HSL 35°, 58%, 58%. Omnipresente na arquitetura histórica portuguesa.
Como funciona
- 1
Escolha o formato de entrada correspondente ao código de cor que tem.
- 2
Introduza os valores da cor. Os resultados atualizam-se instantaneamente, sem botão.
- 3
O conversor normaliza a entrada para um triplo RGB interno, o pivô universal.
- 4
A partir desse RGB, todos os outros formatos são calculados com fórmulas matemáticas padrão.
- 5
A pesquisa de nome compara 148 cores CSS e devolve a mais próxima num raio de ~30 unidades.
Dicas e boas práticas
- ✓
Use Hex ou RGB para folhas de estilo CSS; prefira HSL para ajustar luminosidade programaticamente.
- ✓
Os valores CMYK são estimativas — solicite sempre uma prova de impressão para projetos comerciais.
- ✓
HWB é ideal para criar escalas de tons de uma cor de marca: mantenha a tonalidade e varie a brancura.
- ✓
O prefixo '#' é opcional ao introduzir um código hexadecimal.
- ✓
Para cores institucionais (Embaixadas, Sagres, Super Bock), consulte sempre o guia de identidade visual.
Perguntas frequentes
Qual é a diferença entre HSL e HWB?
Ambos utilizam um ângulo de tonalidade, mas o segundo e terceiro parâmetros diferem. HSL usa saturação e luminosidade; HWB usa brancura e negrura diretas. HWB é frequentemente mais intuitivo para clarear (adicionar branco) ou escurecer (adicionar preto) uma cor.
Por que o CMYK parece diferente no ecrã?
Os ecrãs usam luz aditiva (RGB); as impressoras usam tinta subtrativa (CMYK). Os gamuts não se sobrepõem perfeitamente. O conversor fornece uma equivalência matemática, não um valor de prova de impressão.
O que é Cor natural (NCol)?
Uma proposta W3C que codifica a tonalidade como letra (R, Y, G, C, B, M) mais percentagem de desvio, seguida de brancura e negrura. Por exemplo, R0 0% 0% é vermelho puro.
Posso converter uma cor CSS como 'azure'?
Sim. Escreva o nome no campo 'Pesquisar por nome CSS' e o conversor carregará automaticamente os valores.
Qual é a precisão das conversões?
Hex e RGB são sem perdas (com arredondamento inteiro). HSL, HWB e NCol são arredondados a uma casa decimal. CMYK é apenas uma aproximação matemática.
Por que às vezes não é apresentado nenhum nome de cor?
Apenas 148 cores CSS padrão estão incluídas. Se a cor introduzida estiver a mais de ~30 unidades RGB de qualquer cor nomeada, não é apresentado nenhum nome.
As representações de cores podem variar entre dispositivos devido à calibração do ecrã e aos perfis de cor. Os valores CMYK são aproximações matemáticas.