Code couleur (HEX, RGB, HSL)
Choisis une couleur, récupère 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 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
- 01
Choisis
Pioche une couleur ou saisis un code HEX.
- 02
Lis les codes
HEX, RGB et HSL s'affichent ensemble.
- 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
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ée 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ère 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
Tire des nombres au hasard entre deux bornes.
08 · GÉN.Dégradé CSS
Génère un linear-gradient avec aperçu.