🎨 Convertisseur de Couleur

HEX, RGB, HSL, OKLCH - quel format devriez-vous utiliser ?

Chaque couleur affichée à l'écran peut être décrite dans plusieurs formats équivalents. Chacun a des forces différentes :

• HEX (#6366f1) - Compact et universel. Utilisé partout dans CSS, les outils de conception et les chartes graphiques. Facile à copier/coller mais peu lisible pour les ajustements manuels.
• RGB (rgb(99, 102, 241)) - Valeurs directes des canaux rouge, vert, bleu. Utile pour générer des couleurs par code ou lorsque vous avez besoin d'un canal alpha.
• HSL (hsl(239, 84%, 67%)) - Teinte (Hue), saturation (Saturation), luminosité (Lightness). Bien plus facile à ajuster manuellement : changez la teinte pour modifier la couleur, ou la luminosité pour des variantes plus claires ou plus sombres.
• OKLCH (oklch(0.59 0.21 280)) - Espace colorimétrique perceptuellement uniforme. Des valeurs de luminosité identiques paraissent réellement aussi lumineuses (contrairement à HSL). Les systèmes de conception modernes l'adoptent pour un contraste prévisible et la création de palettes.

Comment utiliser ce convertisseur de couleur

• Saisissez dans n'importe quel champ - modifiez le HEX, RGB, HSL ou OKLCH et tous les autres formats s'actualisent instantanément.
• Faites glisser un curseur - ajustez les canaux individuels (R, V, B, T, S, L) avec un aperçu en direct.
• Cliquez sur l'échantillon - copie la valeur HEX actuelle dans votre presse-papiers.
• Utilisez la pipette - sélectionnez n'importe quelle couleur à l'écran (Chrome et Edge uniquement - utilise l'API native EyeDropper).
• Palette de récents - chaque couleur prévisualisée est enregistrée localement pour que vous puissiez la retrouver durant votre session.

🔒 100% Privé & Sécurisé

Vos données restent sur votre appareil. Toutes les conversions de couleurs s'effectuent localement dans votre navigateur - vos couleurs ne sont jamais transmises à nos serveurs.

Foire aux Questions

Cet outil gère-t-il la transparence (canal alpha) ?

Pas encore - la version 1 prend uniquement en charge les couleurs opaques. La transparence (RGBA, HSLA, OKLCH avec alpha) est prévue sur notre feuille de route.

Pourquoi HSL → OKLCH ne donne-t-il pas de chiffres ronds ?

HSL et OKLCH sont des modèles de couleur fondamentalement différents. HSL est un simple réarrangement géométrique de RGB ; OKLCH est construit sur l'espace colorimétrique perceptuel OKLab. La conversion passe par RGB puis par l'espace XYZ linéaire, d'où les décimales. La couleur finale reste strictement identique.

Pourquoi le nom de couleur affiche-t-il parfois "-" ?

L'outil cherche la correspondance la plus proche parmi les 147 noms de couleurs CSS standards. Si votre couleur est trop éloignée (ce qui est le cas pour la plupart), nous affichons "-" pour ne pas vous induire en erreur.

La pipette est-elle disponible sur tous les navigateurs ?

Non - l'API native EyeDropper est actuellement limitée à Chrome/Edge. Le bouton est désactivé sur les navigateurs incompatibles (Firefox, Safari).

Outils Associés