
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.
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.
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.
A ferramenta mostra instantaneamente HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB e CMYK, juntamente com o nome de cor CSS correspondente exato ou mais próximo.
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.
Clique em 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.
Uma entrada produz HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB e CMYK simultaneamente, para que você nunca converta duas vezes.
Detecta uma palavra-chave de cor CSS exata quando existe e sempre mostra a cor nomeada mais próxima para referência.
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.
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.
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX, RGB, and HSL values you can copy.
Pick colors and convert between HEX, RGB, and HSL formats
Generate tints, shades, and tones from any base color
0 comments
No comments yet. Be the first to share your thoughts!