O que é um Conversor de Cores?
Um conversor de cores é uma ferramenta que pega uma única cor escrita em uma sintaxe e a reexpressa em todas as outras sintaxes de uma só vez Cole um código HEX como #4466EE e você imediatamente obtém seus equivalentes rgb (), hsl (), hwb () e cmyk (), além da palavra-chave de cor CSS mais próxima Ele remove a aritmética manual de dividir pares hexadecimais, escalar canais e calcular matiz e saturação manualmente.
Diferentes partes de um projeto esperam diferentes formatos de cores Os navegadores renderizam tudo como RGB, os autores de CSS buscam HSL porque a leveza é fácil de empurrar no hover, os fluxos de trabalho de impressão precisam de CMYK e as transferências de design geralmente chegam como HEX. Um conversor mantém uma cor de origem consistente em todos eles, de modo que o azul em sua folha de estilo é o mesmo azul em seu guia de marca e o mesmo azul que seu fornecedor de impressão recebe Ele também aceita nomes de cores CSS, como rebeccapurple, e os traduz em valores numéricos copiáveis.
Este conversor é executado inteiramente no seu navegador A cor que você cola é analisada e convertida com JavaScript do lado do cliente e nunca sai do seu dispositivo, portanto, não há upload, nenhuma conta e nenhum rastreamento do que você converte Ele funciona offline uma vez que a página tenha carregado, lida com sintaxes de cores HEX, vírgula e espaço de 3, 6 e 8 dígitos e preserva o canal alfa através de saída RGBA, HSLA e HEXA de 8 dígitos.
Para usá-lo como um conversor de cores hex a CMYK, digite #1E90FF e clique em Converter: a linha CMYK lê cmyk (88%, 44%, 0%, 0%), a linha RGB rgb (30, 144, 255) e a correspondência de nomes CSS é dodgerblue Como um conversor de cores CMYK a hex, cmyk (88, 44, 0, 0) retorna #1F8FFF, a um passo do original em dois canais, porque CMYK é mostrado em porcentagens inteiras Para um conversor de cores hex a RGBA, adicione um par alfa: #1E90FF80 dá rgba (30, 144, 255, 0,5).
CMYK é a conversão para tratar com cautela Ao contrário de HEX, RGB, HSL e HWB, que são todas descrições exatas da mesma cor sRGB e convertem entre si sem perdas, CMYK descreve tinta em papel e depende da prensa, do estoque de papel e do perfil de cores em uso A conversão aqui é a aproximação padrão independente do dispositivo, que é boa para uma ideia aproximada e não é um substituto para uma conversão perfilada em software de pré-impressãoEspere cores de tela saturadas, azuis brilhantes e verdes especialmente, para serem inacessíveis na impressão: eles ficam fora do gamute CMYK inteiramente e voltarão mais maçantes do que pareciam.
Como usar o Conversor de Cores?
Insira uma cor
Digite ou cole qualquer cor: um código HEX (#4466EE ou #46E), um valor rgb ()/rgba (), um valor hsl ()/hsla (), hwb (), cmyk () ou um nome de cor CSS como coral, em seguida, clique em Converter.
Leia todos os formatos
A ferramenta mostra HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB e CMYK, juntamente com o nome de cor CSS correspondente exato ou mais próximo.
Ajuste o alfa, se necessário
Inclua um valor alfa em sua entrada (rgba (...) ou um HEX de 8 dígitos) e o conversor transporta a opacidade para todos os formatos com reconhecimento alfa.
Copie o formato que você precisa
Clique no botão copiar ao lado de qualquer linha de saída para copiar essa string exata para sua área de transferência, pronta para colar em CSS, uma ferramenta de design ou uma especificação de impressão.
Principais características
Cada formato de uma vez
Uma entrada produz HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB e CMYK simultaneamente, para que você nunca converta duas vezes.
Correspondência de nomes CSS
Detecta uma palavra-chave de cor CSS exata quando existe e sempre mostra a cor nomeada mais próxima para referência.
Alfa Preservado
A transparência do rgba () ou de um HEX de 8 dígitos flui para todos os formatos de saída com reconhecimento alfa inalterados.
Perdoando a entrada
Aceita HEX de 3, 4, 6 e 8 dígitos, separadores de vírgula ou espaço, canais percentuais e sintaxe moderna de barra alfa.
Frequently Asked Questions
Related Tools
Color Mixer
Blend two colors with adjustable ratio and blend modes, and build a gradient between them
Color Picker & Converter
Pick colors and convert between HEX, RGB, and HSL formats
Color Shades Generator
Generate tints, shades, and tones from any base color
CSS Filter Generator
Apply blur, brightness, contrast, grayscale, sepia, hue-rotate and more with live sliders and a preview, then copy production-ready CSS filter code.
Comments
0 comments
No comments yet. Be the first to share your thoughts!