Use a paleta para criar estados hover/active consistentes: escolha um tom mais escuro ou mais claro?

Use a paleta para criar estados hover/active consistentes: escolha um tom mais escuro ou mais claro.

HSL é o formato mais intuitivo para ajustar luminosidade sem alterar a tonalidade?

HSL é o formato mais intuitivo para ajustar luminosidade sem alterar a tonalidade.

A exportação Tailwind gera chaves diretamente compatíveis com seu arquivo tailwind.config.js.

Selecionar cores e gerar paletas

Selecione uma cor e obtenha instantaneamente seus equivalentes HEX, RGB e HSL, junto com uma paleta harmoniosa.

1Use o seletor de cores para escolher uma tonalidade, ou clique em "Aleatório" para inspiração.
2Os valores HEX, RGB e HSL aparecem automaticamente — copie o que precisar.
3A paleta gerada oferece 5 variantes de luminosidade baseadas na sua cor base.
4Starter+: exporte a paleta como Variáveis CSS ou configuração Tailwind CSS em um clique.

Use a paleta para criar estados hover/active consistentes: escolha um tom mais escuro ou mais claro.
HSL é o formato mais intuitivo para ajustar luminosidade sem alterar a tonalidade.
A exportação Tailwind gera chaves diretamente compatíveis com seu arquivo tailwind.config.js.

Equipe OneKitToolsAtualizado 2.21.4