Convertissez une couleur entre HEX, RGB, HSL et HSV, prévisualisez-la et copiez le format attendu par votre CSS. Choisissez visuellement ou collez une valeur existante — les deux sens fonctionnent en direct.
Un UUID identifie un enregistrement — ne l'utilisez jamais comme jeton d'authentification.
Math.random() est prévisible. Utilisez le CSPRNG pour jetons, ID et secrets.
Décoder n'est pas vérifier. Validez toujours la signature et les claims côté serveur.
Générez les clés ici, puis stockez-les dans des variables d'environnement ou un coffre.
Convertissez une couleur entre HEX, RGB, HSL et HSV, prévisualisez-la et copiez le format attendu par votre CSS. Choisissez visuellement ou collez une valeur existante — les deux sens fonctionnent en direct.
Utilisez le sélecteur ou saisissez un HEX/RGB — tous les formats se mettent à jour.
HEX, RGB, HSL et HSV sont affichés côte à côte pour la même couleur.
Copiez une valeur, ou prenez une nuance pour les états hover.
| HEX | RGB | HSL |
|---|---|---|
| #10b981 | rgb(16, 185, 129) | hsl(160, 84%, 39%) |
| #f59e0b | rgb(245, 158, 11) | hsl(38, 92%, 50%) |
| #3b82f6 | rgb(59, 130, 246) | hsl(217, 91%, 60%) |
Chaque ligne est la même couleur écrite de trois façons.
C'est complètement gratuit, privé et sans inscription.
Utiliser l'outilHSL est plus intuitif : teinte, saturation et luminosité. Idéal pour construire des palettes en ajustant la luminosité.
Oui. #ff0000 et rgb(255, 0, 0) sont identiques — HEX est une écriture compacte des trois mêmes octets.
Ajoutez-la en CSS avec rgba() ou un HEX à 8 chiffres (par exemple #10b98180). Ce convertisseur traite la couleur opaque ; gérez l’alpha à part.
Explore the whole collection — no signup, 100% free & private.