À propos de cet outil
Choisissez une couleur avec le sélecteur ou saisissez un code dans l'un des trois formats : les deux autres sont mis à jour automatiquement. Copiez ensuite la valeur pour votre feuille de style.
Les trois formats
- HEX : #RRGGBB, trois paires hexadécimales (rouge, vert, bleu). La version courte #RGB est acceptée.
- RGB : trois valeurs de 0 à 255.
- HSL : teinte (0 à 360°), saturation et luminosité en pourcentage, pratique pour créer des variantes plus claires ou plus foncées.
Questions fréquentes
Comment obtenir une version plus claire d'une couleur ?
Passez en HSL et augmentez la luminosité en gardant la teinte.
Quel format utiliser en CSS ?
Les trois sont valides : #2f5bea, rgb(47, 91, 234) et hsl(224, 82%, 55%).