Introduza uma cor em qualquer formato e obtenha imediatamente todas as conversões — RGB, Hex, HSL, HWB, CMYK e NCol.
Introduza uma cor válida para ver a pré-visualização e todas as conversões.
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.
Modelo aditivo para ecrãs. Cada canal varia de 0 a 255. A combinação na intensidade máxima produz branco.
Codificação hexadecimal de RGB, largamente usada em CSS. Exemplo: #006600 (verde da bandeira portuguesa).
Descreve a cor por ângulo de tonalidade (0–360°), saturação e luminosidade. Intuitivo para a perceção humana.
Alternativa ao HSL. Usa tonalidade, brancura e negrura. Ideal para clarear ou escurecer.
Modelo subtrativo para impressão: ciano, magenta, amarelo e preto.
Cor natural W3C: tonalidade como letra + percentagem de desvio, mais brancura e negrura.
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.
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.
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.
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.
Escolha o formato de entrada correspondente ao código de cor que tem.
Introduza os valores da cor. Os resultados atualizam-se instantaneamente, sem botão.
O conversor normaliza a entrada para um triplo RGB interno, o pivô universal.
A partir desse RGB, todos os outros formatos são calculados com fórmulas matemáticas padrão.
A pesquisa de nome compara 148 cores CSS e devolve a mais próxima num raio de ~30 unidades.
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.
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.
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.
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.
Sim. Escreva o nome no campo 'Pesquisar por nome CSS' e o conversor carregará automaticamente os valores.
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.
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.