ZoutilCode couleur (HEX, RGB, HSL)
Choisissez une couleur, récupérez ses codes HEX, RGB et HSL.
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 vous 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
- 01
Choisissez
Piochez une couleur ou saisissez un code HEX.
- 02
Lisez les codes
HEX, RGB et HSL s'affichent ensemble.
- 03
Copiez
Récupérez la notation dont vous avez 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 votre navigateur.
Continuer dans l'atelier
Générateur de QR code
Un QR personnalisé, à télécharger en PNG ou SVG.
02 · GÉN.Générateur de mot de passe
Créez un mot de passe fort et aléatoire.
03 · GÉN.Générateur de Lorem Ipsum
Du faux texte pour remplir une maquette.
05 · GÉN.Générateur d'UUID
Générez des identifiants uniques UUID v4.
06 · GÉN.Générateur de pseudo
Des idées de pseudonymes originaux.
07 · GÉN.Nombre aléatoire
Tirez des nombres au hasard entre deux bornes.
08 · GÉN.Dégradé CSS
Générez un linear-gradient avec aperçu.