Gradientes OKLCH perceptualmente uniformes, sem faixas cinzas, exportação CSS com um clique.
2 a 6 paradas com posicionamento livre, interpolação OKLCH sem faixas turvas, além de 48 predefinições selecionadas.
2 a 6 paradas: escolha cada cor, arraste as posições ou cole valores HEX.
Alternar linear/radial/cônico, arraste o ângulo — ou aplique uma predefinição selecionada com um clique.
O modo suave expande os pontos médios OKLCH automaticamente; o CSS é copiado pronto para uso e o link carrega seu gradiente.
Quatro perguntas que os usuários realmente fazem.
Continue a partir daqui e coloque as cores para funcionar.
Transforme qualquer cor em uma escala de sistema de design de 11 passos, perceptualmente uniforme em OKLCH, com contraste WCAG por passo, exportação para Tailwind/CSS/SCSS/JSON.
Digite qualquer formato (HEX / RGB / HSL / nome) e converta para todos os espaços de cores em tempo real.
Barra de espaço para aleatorizar, travar, arrastar para reordenar, compartilhar por URL — tudo o que um painel de paletas deve fazer.
Validação de contraste WCAG 2.1 entre qualquer cor de primeiro plano e plano de fundo.