Conversor de Cores

Digite ou cole o seu código hex (por exemplo #3B82F6) no campo e o valor RGB aparece na hora na lista de resultados — aqui é rgb(59, 130, 246). Cada canal é simplesmente o par de dígitos hex correspondente lido como número: 3B é 59, 82 é 130 e F6 é 246. Você pode copiar a string rgb() completa com um clique, e um hex de 4 ou 8 dígitos com alfa (como #3B82F680) converte direto para rgba() da mesma forma.

Insira um valor rgb() ou rgba() e o conversor mostra o equivalente em hex na hora, porque o hex é simplesmente cada canal escrito em base 16. Por exemplo, rgb(255, 99, 71) vira #FF6347. Se a sua cor tiver um valor alfa, você também recebe um hex de 8 dígitos (RRGGBBAA) que codifica a transparência, útil para CSS e para a maioria das ferramentas de design.

São formas alternativas de descrever a mesma cor que se ajustam melhor à forma como pensamos nela. HSL (matiz, saturação, luminosidade) e HSV/HSB (matiz, saturação, valor) facilitam manter um matiz e apenas clareá-lo, escurecê-lo ou dessaturá-lo — por isso eles geram os tons claros, escuros e as harmonias daqui. OKLCH é um modelo mais novo e perceptualmente uniforme, no qual passos numéricos iguais parecem passos visuais iguais, então é ótimo para criar paletas acessíveis e gradientes suaves. O conversor mostra todos de uma vez, para que você leia ou copie o que o seu CSS ou app de design esperar.

Trate os valores CMYK como uma aproximação próxima, não como uma especificação pronta para a gráfica. As telas usam luz RGB enquanto as impressoras usam tinta CMYK, e o resultado exato depende do seu papel, das tintas e do perfil de cor ICC — nada disso um navegador tem como saber. Os números daqui são uma conversão matemática padrão de RGB para CMYK, perfeita como referência rápida ou ponto de partida, mas para um trabalho de impressão real confirme as cores com o perfil da sua impressora ou uma prova física.

Sim para os dois casos. Cada conversão roda localmente no seu navegador com JavaScript, então as cores que você insere nunca são enviadas nem armazenadas em nenhum servidor — você pode até usar a ferramenta offline depois que a página carregar. O alfa (transparência) é totalmente suportado: insira um valor RGBA, HSLA ou hex de 8 dígitos, ou use o controle deslizante de alfa, e a transparência é mantida em todos os formatos que conseguem representá-la, incluindo rgba(), hsla() e o hex de 8 dígitos.