Ir para o conteúdo

Ferramentas de Cor

Um só lugar para trabalhar com cor: gere uma paleta a partir de qualquer esquema de harmonia, consulte o uso prático de uma cor nomeada, confira o contraste WCAG entre duas cores e converta livremente entre HEX, RGB, HSL, HWB e OKLCH.

# processado no seu navegador. nenhuma requisição sai daqui.

Como funciona

A geração de paleta roda o matiz em OKLCH em vez de HSL, porque OKLCH é perceptualmente uniforme: o mesmo passo de luminosidade parece igualmente claro em qualquer matiz, o que o HSL não garante. O checador de contraste faz o caminho inverso — ajusta a luminosidade OKLCH de uma cor por bisseção até bater a meta de contraste da WCAG, sem deslocar matiz nem croma.

  • Seis esquemas de harmonia gerados em OKLCH para resultado perceptualmente uniforme: complementar, split-complementar, análogo, triádico, tetrádico e monocromático
  • Biblioteca de cores nomeadas com uso concreto e nota de acessibilidade, não adjetivo solto de humor
  • Checador de contraste WCAG com veredito AA/AAA e sugestão de ajuste de luminosidade
  • Conversão bidirecional entre HEX, RGB, HSL, HWB e OKLCH, mais conta-gotas para pegar qualquer cor da tela

Outras ferramentas

Ver todas as ferramentas →