Aller au contenu
Zoutil

Code couleur (HEX, RGB, HSL)

Choisis une couleur, récupère ses codes HEX, RGB et HSL.

HEX#2D567A
RGBrgb(45, 86, 122)
HSLhsl(208, 46%, 33%)
Aucun upload · aucun compte · traitement 100% local

Une même couleur s'exprime de plusieurs façons : HEX (#2D567A) pour le CSS et le web, RGB pour l'écran, HSL pour raisonner en teinte/saturation/luminosité. Cet outil te laisse choisir une couleur au sélecteur ou saisir un code hexadécimal, et affiche aussitôt les trois notations, copiables en un clic. Pratique pour un design, une feuille de style ou une charte graphique. Tout est calculé localement.

Comment ça marche

  1. 01

    Choisis

    Pioche une couleur ou saisis un code HEX.

  2. 02

    Lis les codes

    HEX, RGB et HSL s'affichent ensemble.

  3. 03

    Copie

    Récupère la notation dont tu as besoin.

Questions fréquentes

Quelle notation utiliser en CSS ?

Les trois fonctionnent en CSS moderne. Le HEX est le plus courant ; le HSL est pratique pour ajuster la luminosité.

Comment fonctionne le code HEX ?

Il code le rouge, le vert et le bleu sur deux chiffres hexadécimaux chacun, de #000000 (noir) à #FFFFFF (blanc).

Y a-t-il un envoi de données ?

Non, la conversion se fait dans ton navigateur.

Continuer dans l'atelier