Utilisez la palette pour créer des états hover/active cohérents : choisissez une teinte plus foncée ou plus claire?

Utilisez la palette pour créer des états hover/active cohérents : choisissez une teinte plus foncée ou plus claire.

Le format HSL est le plus intuitif pour ajuster la luminosité sans changer la teinte?

Le format HSL est le plus intuitif pour ajuster la luminosité sans changer la teinte.

L'export Tailwind génère directement les clés compatibles avec votre fichier tailwind.config.js.

Choisir des couleurs et générer des palettes

Choisissez une couleur et obtenez instantanément ses équivalents HEX, RGB et HSL, ainsi qu'une palette harmonieuse.

1Utilisez le sélecteur de couleur pour choisir une teinte, ou cliquez sur « Aléatoire » pour une inspiration.
2Les valeurs HEX, RGB et HSL s'affichent automatiquement — copiez celle dont vous avez besoin.
3La palette générée propose 5 variantes de luminosité à partir de votre couleur de base.
4Starter+ : exportez la palette en CSS Variables ou en configuration Tailwind CSS en un clic.

Utilisez la palette pour créer des états hover/active cohérents : choisissez une teinte plus foncée ou plus claire.
Le format HSL est le plus intuitif pour ajuster la luminosité sans changer la teinte.
L'export Tailwind génère directement les clés compatibles avec votre fichier tailwind.config.js.

Équipe OneKitToolsMise à jour 2.21.4