Seletor de cores

Para que serve um seletor de cores

Quando você está montando um gráfico, uma apresentação ou o tema de um site, o difícil não é imaginar a cor, é transformá-la em um código exato que você possa reutilizar em qualquer lugar. Com o seletor você escolhe o tom a olho e recebe o código na hora em cinco formatos: HEX, RGB, HSL, HSV e CMYK. Funciona também ao contrário: digite um código no campo e o seletor vai para aquela cor. O histórico poupa você do clássico momento “qual era aquele laranja perfeito de antes?”: suas últimas 12 cores ficam a um clique de distância mesmo depois de fechar e reabrir a página, salvas apenas neste dispositivo.

Qual formato copiar

Depende de onde você precisa. Para CSS, Canva, Figma ou PowerPoint, o HEX quase sempre é a escolha certa e o mais curto para colar; com 8 dígitos ele leva a transparência também. O RGB é útil quando você precisa ajustar os canais um a um. O HSL é perfeito para variações coerentes: mantenha o mesmo matiz e mude só a saturação ou a luminosidade. O HSV é o formato dos seletores do Photoshop e do GIMP, e o CMYK dá uma ideia da impressão (para um trabalho de impressão de verdade, peça o perfil à gráfica).

Os decimais aparecem só quando são necessários para que a linha, lida de volta, dê exatamente esta cor: o cinza #7f7f7f sai como hsl(0, 0%, 49.8%), porque hsl(0, 0%, 50%) já seria #808080. Os códigos usam ponto para os decimais, como as folhas de estilo exigem. O CMYK também pode ser escrito como frações de 0 a 1, como muitos programas o exportam: cmyk(0, 0.46, 0.64, 0) significa cmyk(0%, 46%, 64%, 0%). Contam como frações só se nenhum valor tiver o sinal de porcentagem e os quatro estiverem entre 0 e 1; caso contrário, são porcentagens.

Quatro páginas, duas funções

Seletor de cores e Conversor de cores são a mesma ferramenta com duas entradas, o código digitado e o seletor: a mesma cor dá as mesmas linhas nas duas páginas. Para cores aleatórias há a Cor aleatória e o Gerador de paletas, que são o mesmo gerador com uma cor ou cinco.