Conversão de códigos de cor (Conversor de cores)

O que é uma ferramenta de conversão de códigos de cor?

O Color Code Converter é uma ferramenta online gratuita que converte representações numéricas de cores utilizadas no design web, no desenvolvimento de aplicações, na edição de imagens e no design de impressão. Mesmo para a mesma cor, o formato utilizado para a especificar — como HEX, RGB, HSL, HSV ou CMYK — varia consoante a aplicação ou o software. Com esta ferramenta, pode visualizar os valores de todos os principais formatos num só olhar, bastando para isso introduzir uma única cor.

HEX é uma notação hexadecimal amplamente utilizada no CSS de sites. Por exemplo, o branco é representado como #FFFFFF e o preto como #000000. O RGB é um método de combinação de luz vermelha, verde e azul numa escala de 0 a 255, sendo utilizado para gerir as cores nos ecrãs. O RGBA e o HEXA de 8 dígitos também permitem especificar a opacidade, tornando-os úteis para criar cores de fundo e sobreposições semitransparentes.

O HSL representa a cor utilizando matiz, saturação e luminosidade. O matiz é especificado numa roda de cores que varia entre 0 e 360 graus, enquanto a saturação e a luminosidade são especificadas numa escala de 0 a 100%.Este formato facilita o ajuste intuitivo das cores, por exemplo, tornando-as ligeiramente mais brilhantes ou atenuando a sua intensidade. O HSV ou HSB representa a cor utilizando matiz, saturação e brilho, e é utilizado em muitos programas gráficos e seletores de cor.

O CMYK é um modelo de cor baseado nas quantidades de tinta ciano, magenta, amarela e preta, sendo utilizado principalmente na indústria gráfica. No entanto, os valores CMYK calculados matematicamente a partir das cores RGB no ecrã são apenas uma orientação aproximada. Uma vez que os resultados reais de impressão dependem de fatores como o papel, a tinta, a máquina de impressão e os perfis ICC, consulte a sua empresa de impressão e verifique o seu ambiente de gestão de cores para materiais impressos que exijam precisão cromática.

Esta ferramenta apresenta não só os valores para cada formato, mas também uma pré-visualização da cor selecionada, a sua cor complementar (deslocada 180 graus na matiz) e a relação de contraste quando o texto branco e o preto são sobrepostos. É útil para selecionar cores de texto que sejam fáceis de ler contra a cor de fundo e para considerar esquemas de cores tendo em conta a acessibilidade.Todos os cálculos são realizados no navegador e as informações de cor que introduzir nunca são enviadas para o servidor.

Como utilizar

1. Utilize o seletor de cores ou introduza um valor em HEX, RGB, HSL, HSV ou CMYK.
2. Dependendo do formato introduzido, os valores noutros formatos de cor serão atualizados automaticamente.
3. Se for necessária transparência, ajuste o controlo deslizante de transparência ou o campo numérico.
4. Ao clicar em «Mostrar resultados da conversão», será redirecionado para a secção de resultados, onde poderá verificar cada formato, as cores complementares e a relação de contraste.
5. Clique em «Copiar» no formato pretendido e, em seguida, cole-o no CSS, nas ferramentas de design, na documentação, etc.

Precauções de utilização

• Os valores CMYK são conversões gerais derivadas do RGB e não garantem a reprodução exata das cores na impressão.
• A transparência reflete-se nos formatos RGB, HSL e HEXA, mas o CMYK não inclui o conceito de transparência.
• Dependendo das configurações do ecrã, do navegador e do sistema operativo, o mesmo código de cor pode apresentar-se de forma diferente.
• A relação de contraste é calculada com base em cores opacas, excluindo a transparência. A legibilidade pode variar consoante a imagem de fundo real e a forma como os elementos se sobrepõem.
• Os números decimais muito pequenos serão arredondados para um número adequado de casas decimais, para facilitar a leitura.

Perguntas frequentes