Seletor e Conversor de Cores

• Seletor de cores visual com tela SL: nosso conversor inclui uma tela completa de saturação-luminosidade, um controle de matiz, um seletor de cor nativo do navegador e 16 amostras predefinidas. Escolha qualquer cor visualmente e veja na hora todas as conversões de formato atualizarem em tempo real - sem clicar em botões.
• Conversão para cinco formatos de cor: converta entre os formatos HEX, RGB, HSL, HSV, CMYK e HWB na hora. Edite qualquer campo em qualquer formato e todos os outros se atualizam automaticamente. Nosso conversor também gera a declaração de propriedade personalizada CSS para uso imediato em folhas de estilo.
• Conversor seletor de cores online seguro: todas as conversões de cor acontecem localmente no seu navegador usando matemática pura de JavaScript. Nenhum dado de cor é enviado a qualquer servidor, garantindo 100 % de privacidade ao usar nosso conversor online. Funciona totalmente offline depois que a página carrega.
• Conversor seletor de cores sem instalação: use nosso conversor grátis diretamente no navegador, sem downloads, sem plugins e sem conta. Inclui um verificador de contraste WCAG integrado para fundos branco e preto - de qualquer dispositivo, a qualquer momento.

• Design web e de UI: converta cores de marca entre HEX e RGB para CSS, ou para CMYK em materiais impressos. Use nosso conversor para garantir representação consistente das cores em mídias digitais e impressas, sem cálculo manual.
• Desenvolvimento em CSS e Tailwind: escolha uma cor visualmente e obtenha na hora os valores HEX, RGB e HSL prontos para colar no seu CSS ou na configuração do Tailwind. Nosso conversor gera a declaração de propriedade personalizada CSS para uso imediato em sistemas de design.
• Acessibilidade e conformidade WCAG: verifique os índices de contraste WCAG sobre fundos branco e preto diretamente no nosso conversor. Veja na hora se a sua cor atende aos padrões de acessibilidade AA ou AAA antes de usá-la na sua interface.
• Gestão de cores de marca: converta as cores de marca do formato fornecido pelas diretrizes da sua marca (muitas vezes CMYK para impressão) para HEX e RGB para uso digital. Nosso conversor lida com os cinco espaços de cor com precisão.
• Documentação de sistemas de design: documente tokens de cor em vários formatos para a documentação do seu sistema de design. Use nosso conversor para gerar declarações HEX, RGB, HSL e variáveis CSS para cada cor da sua paleta.
• Produção impressa e digital: converta entre os espaços de cor RGB (tela) e CMYK (impressão) ao preparar materiais para produção digital e impressa. Nosso conversor fornece valores CMYK precisos para qualquer cor RGB ou HEX.

Um conversor seletor de cores é uma ferramenta que permite selecionar qualquer cor visualmente e a converte na hora entre todos os principais formatos de cor usados em design web, CSS, produção impressa e arte digital. Nosso conversor oferece suporte a HEX (cores web), RGB (cores de tela), HSL (matiz-saturação-luminosidade), HSV (matiz-saturação-valor), CMYK (cores de impressão) e HWB (matiz-branco-preto). Edite qualquer campo em qualquer formato e todos os outros se atualizam na hora - sem clicar em botões.

1. Escolha uma cor: use a tela de saturação-luminosidade, o controle de matiz, o seletor nativo do navegador ou as amostras predefinidas para selecionar uma cor visualmente. Ou digite diretamente em qualquer campo de formato - HEX, RGB, HSL, CMYK ou HWB.
2. Conversão instantânea no navegador: todos os cálculos de cor rodam localmente no seu navegador em JavaScript puro. Cada formato se atualiza em tempo real enquanto você ajusta qualquer valor. Seus dados de cor nunca saem do seu dispositivo.
3. Copie qualquer formato: clique no ícone de copiar ao lado de qualquer formato de cor para copiá-lo para a área de transferência. Use "Copiar tudo" para copiar todos os formatos de uma vez. O verificador de contraste WCAG mostra a conformidade de acessibilidade sobre fundos branco e preto.

• HEX: notação hexadecimal de seis dígitos (por exemplo, #3b82f6). O formato padrão para cores web em HTML e CSS. Cada par de dígitos representa os canais vermelho, verde e azul (00-FF).
• RGB: valores de vermelho, verde e azul de 0 a 255 (por exemplo, rgb(59, 130, 246)). O modelo de cor nativo de telas e monitores. Usado em CSS e na maioria das ferramentas de design.
• HSL: matiz (0-360°), saturação (0-100%), luminosidade (0-100%). Mais intuitivo para designers - o matiz é a cor, a saturação é a intensidade e a luminosidade controla o quão clara ou escura a cor é.
• CMYK: ciano, magenta, amarelo e preto (key), cada um de 0 a 100%. O modelo de cor padrão para produção impressa. Observe que a conversão de RGB para CMYK é aproximada sem perfis de cor ICC.

RGB e CMYK têm gamutes diferentes - nem todas as cores CMYK podem ser representadas com precisão em RGB, e vice-versa. Os valores CMYK exibidos pelo nosso conversor são derivados matematicamente do RGB e oferecem uma boa aproximação para a maioria dos casos, mas a produção gráfica profissional exige gestão de perfis de cor ICC em softwares dedicados como Adobe Illustrator ou InDesign. Para uso na web e em tela, HEX, RGB e HSL são totalmente intercambiáveis sem perda de qualidade.