Qual formato de cor usar
HEX (#2f6bff) é o mais usado em CSS e design web. RGB representa a cor pela mistura de vermelho, verde e azul (0–255 cada), também muito usado em CSS. HSL (matiz, saturação, luminosidade) é mais intuitivo para ajustar tons — girar o matiz muda a cor mantendo a mesma "força". HSB/HSV (matiz, saturação, brilho) é o padrão usado em ferramentas de design como Photoshop e Illustrator. CMYK (ciano, magenta, amarelo, preto) é usado para impressão gráfica.
Como usar
Escolha uma cor no seletor visual ou digite um valor em qualquer um dos campos (ex: #ff5500, rgb(255, 85, 0) ou hsl(20, 100%, 50%)) — todos os outros formatos e a prévia são atualizados automaticamente. Use o botão de cópia para pegar o código pronto para usar no seu CSS.
Perguntas frequentes
Qual a diferença entre HSB/HSV e HSL?
Os dois usam matiz (0–360°) e saturação, mas o terceiro valor é diferente: HSL usa luminosidade (quanto a cor se aproxima do preto ou branco) e HSB/HSV usa brilho (quanto a cor se aproxima do branco a partir da cor pura). Por isso o mesmo matiz pode ter valores de S e B/L diferentes entre os dois sistemas.
O CMYK gerado aqui serve para impressão profissional?
É uma conversão matemática simples de RGB para CMYK, útil como referência. Para impressão profissional com fidelidade de cor, uma gráfica costuma usar perfis de cor (ICC) calibrados para a impressora e o papel específicos.