Convertisseur de couleurs - HEX, RGB, HSL | Hexa

Pourquoi les designers et développeurs ont besoin de la conversion de couleurs

Les couleurs sont représentées différemment selon les outils et plateformes. Le CSS utilise HEX (#ff5733) ou RGB (rgb(255, 87, 51)). Les logiciels de design peuvent utiliser HSL pour un réglage plus facile de la teinte, saturation et luminosité. Les API et systèmes de design attendent souvent un format alors que votre source en fournit un autre. Convertir manuellement est source d'erreurs—une faute de frappe dans un code HEX peut produire une couleur complètement différente. Notre convertisseur gère HEX, RGB et HSL instantanément, vous pouvez coller une couleur de n'importe quelle source et obtenir l'équivalent dans le format dont vous avez besoin. Voir Web colors sur Wikipedia pour une vue complète des systèmes de couleurs web.

Comprendre HEX, RGB et HSL

HEX utilise un code à 6 caractères (plus alpha optionnel) pour représenter le rouge, vert et bleu. Chaque paire de caractères est une valeur hexadécimale 00–FF. #ff0000 est le rouge pur ; #00ff00 est le vert pur. Largement utilisé en CSS, outils de design et développement web.

RGB exprime les mêmes valeurs rouge, vert, bleu sous forme de nombres 0–255. rgb(255, 0, 0) est le rouge pur. Plus lisible pour certains développeurs ; le CSS et de nombreuses API le prennent en charge.

HSL (Teinte, Saturation, Luminosité) décrit la couleur différemment. La teinte est l'angle de couleur (0–360°). La saturation et la luminosité contrôlent l'intensité et la clarté. Utile quand vous voulez créer des variations de couleur—changez la luminosité pour obtenir des nuances plus claires ou plus foncées de la même teinte.

Scénarios de conversion courants

Design vers code : Votre designer envoie un HEX depuis Figma. Vous avez besoin du RGB pour une bibliothèque de graphiques. Convertissez en une étape.

Intégration API : Une API renvoie des couleurs en RGB. Votre frontend attend du HEX. Convertissez avant le rendu.

Manipulation de couleurs : HSL facilite la création de palettes—même teinte, saturation et luminosité différentes. Convertissez du HEX vers HSL, ajustez, reconvertissez.

Confidentialité et performance

Toutes les conversions s'effectuent localement dans votre navigateur. Nous ne stockons ni ne transmettons vos valeurs de couleur. L'outil fonctionne hors ligne—aucune dépendance serveur. Résultats instantanés, pas d'inscription.

Ouvrez le convertisseur de couleurs ci-dessous. Entrez une couleur en HEX, RGB ou HSL et obtenez l'équivalent dans d'autres formats. Aucune inscription requise.