Escolher cores

Clique no quadro de cor ao lado do campo de texto. Isso abre o seletor nativo do seu sistema operacional, que no macOS, no Windows e na maioria dos desktops Linux tem um conta-gotas que captura qualquer pixel da tela, inclusive de outros aplicativos. Uma página web não pode ler pixels fora dela mesma, então o controle nativo é o único caminho para isso — um seletor em canvas dentro da página só consegue capturar uma imagem que você já carregou.

OKLCH é um espaço de cores perceptualmente uniforme: passos numéricos iguais parecem passos visuais iguais, e mudar a luminosidade não altera o matiz. O HSL não faz nada disso, e é por isso que uma rampa de tons gerada em HSL tem degraus de aparência desigual mesmo com os números igualmente espaçados. Todos os navegadores atuais suportam oklch() no CSS. Use HSL quando quiser um controle deslizante de matiz; use OKLCH quando o valor alimentar uma rampa, uma mistura ou qualquer decisão sobre brilho.

Porque clarear um valor hex significa aproximar os três canais sRGB de 255, e isso altera o matiz além da luminosidade — o que mais aparece em azuis e roxos, que vão escorrendo para o cinza. A rampa desta página move a luminosidade em OKLCh e mantém matiz e croma, depois traz cada degrau de volta para dentro da gama sRGB caso ele caia fora. É isso que faz o degrau 100 e o degrau 800 seguirem reconhecidamente a mesma cor.

Sim. Digite um hex de 8 dígitos como #00696f80, ou rgba(0 105 111 / 50%), e o alfa é mantido em toda conversão que tiver onde acomodá-lo. O quadro de cor nativo não consegue exibir transparência — é uma limitação do controle, não desta página — então ele mostra a cor opaca enquanto o campo de texto guarda o valor real.

Não, e a de nenhum conversor online é. CMYK depende do dispositivo: o mesmo valor sRGB vira percentuais de tinta diferentes em papel couché e em papel não revestido, e diferentes de novo em outra prensa. Esta é a aproximação padrão independente de dispositivo, adequada para escolher uma amostra e para conversar com a gráfica sobre o que você quer, em linhas gerais. A gráfica fará a conversão real com o perfil da prensa dela.

Não. Cada conversão aqui é uma aritmética executada nesta aba. A página não faz nenhuma requisição de rede depois de carregar — desligue a sua conexão e o seletor continua funcionando, que é o teste que vale a pena rodar se você preferir conferir em vez de confiar na nossa palavra.