Convertisseur de couleurs : Convertir HEX en RGB, HSL et plus, en ligne et gratuitement

Une couleur, plusieurs langages

Les outils de design exportent du HEX, les développeurs scriptent du RGB, les imprimeurs attendent du CMYK et les designers pensent en HSL. Convertir entre les formats de couleur maintient une couleur cohérente dans chaque flux de travail.

La même teinte écrite dans la langue de chaque outil.

ChooseTools convertit les couleurs localement dans votre navigateur avec aperçu en direct.

Sans convertisseur, les équipes perdent du temps à recalculer manuellement les valeurs, ce qui introduit des erreurs d'arrondi et des incohérences visibles en production.

Comment convertir une couleur

Du sélecteur à chaque format en une fois.

Entrez une valeur de couleur en HEX, RGB, HSL ou un nom de couleur CSS, et toutes les autres représentations se mettent à jour aux côtés d'un échantillon visuel.

La conversion est locale et instantanée.

Vous pouvez également coller une valeur directement depuis votre presse-papiers, qu'elle provienne d'un fichier de jetons de design, d'un guide de style ou d'un inspecteur de navigateur.

HEX, RGB et HSL expliqués en usage

Le HEX condense le rouge, le vert et le bleu en six chiffres pour les feuilles de style.

Le RGB convient aux scripts et API ; le HSL exprime la teinte, la saturation et la luminosité pour les ajustements.

Chaque vue sert une conversation différente sur la même couleur.

Comprendre quand utiliser chaque format fait gagner du temps : le HEX pour les déclarations CSS rapides, le RGB pour le mélange programmatique, et le HSL pour ajuster la luminosité sans deviner les valeurs des composants.

Du design au code sans allers-retours

Récupérez un échantillon des fichiers de design et obtenez la valeur CSS exacte.

Ajustez le HSL pour les variations, puis exportez le HEX que vous placez dans le thème.

L'intention de design survit à la remise.

Les équipes qui convertissent les couleurs au moment de la remise évitent le bug courant où un designer transmet un triplet RGB approximatif et le développeur implémente une teinte légèrement erronée.

Précision inter-format pour les systèmes de marque

Les couleurs de marque nécessitent des valeurs cohérentes sur le web, l'impression et l'ingénierie.

Le convertisseur aligne chaque représentation mathématiquement.

Une teinte, identique partout.

Lorsqu'un guide de marque spécifie le Pantone 286 C, le convertir en HEX, RGB et variantes CMYK garantit que chaque point de contact rend la même identité.

Opacité, alpha et considérations de transparence

Certains formats portent un canal alpha pour des superpositions semi-transparentes, tandis que d'autres non.

Lors de la conversion de RGBA en HEX, la valeur alpha doit être gérée séparément ou convertie en une notation HEX à huit chiffres que certains navigateurs modernes prennent en charge.

Être conscient du comportement de l'alpha prévient les surprises lorsque des composants d'interface superposés rendent différemment de ce que le design prévoyait.

Créer des palettes harmonieuses à partir d'une seule teinte

Une fois une couleur de base convertie en HSL, ajuster la roue des teintes de trente ou soixante degrés produit automatiquement des palettes complémentaires et analogues.

Maintenir la saturation constante tout en décalant la luminosité crée des teintes et des nuances qui fonctionnent comme des paires arrière-plan et premier plan.

Partir d'une conversion vérifiée garantit que chaque membre de la palette partage la même origine dans l'espace colorimétrique.

Accessibilité et vérification de contraste

Les directives d'accessibilité du contenu web exigent des ratios de contraste minimum entre le texte et les couleurs d'arrière-plan.

Après avoir converti une paire de couleurs, comparer leurs valeurs de luminance révèle si la combinaison dépasse les seuils AA ou AAA.

Les designers qui convertissent puis vérifient le contraste dans la même session détectent les défaillances d'accessibilité avant que le code n'atteigne la production.

Un texte gris clair sur fond blanc, par exemple, convertit à un ratio de contraste bien inférieur au seuil de 4,5 à 1 requis pour le corps de texte, signalant que le premier plan ou l'arrière-plan nécessite un ajustement.

Dégradés et interpolation entre formats

Le rendu de dégradés fluides en CSS dépend de l'interpolation entre les canaux composants d'un format choisi.

Convertir les deux couleurs d'extrémité en RGB avant de construire un dégradé produit le mélange le plus prévisible, tandis que l'interpolation HLS peut passer par des teintes intermédiaires inattendues.

Comprendre comment un format interpole aide les développeurs à choisir la bonne représentation pour les boutons, les graphiques et les visualisations de données.

Ingénierie colorimétrique privée

Les palettes en cours de développement se convertissent sur l'appareil.

Pas d'envoi, pas de compte, pas de filigrane — sur toutes les plateformes.

Les secrets de marque restent dans le studio.

Les schémas de couleur pré-lancement pour des produits ou des campagnes saisonnières restent invisibles aux tiers lorsque la conversion se fait localement.

Le travail couleur dans la boîte à outils image

Combiné avec l'extraction de sélecteur de couleur et les ajustements de filtres d'image pour un flux de travail couleur complet.

La suite est gratuite et native au navigateur.

Chaque teinte, dans chaque notation, instantanément.

En partant d'une valeur de couleur convertie, vous pouvez ensuite appliquer des filtres, générer des dégradés ou créer des palettes harmonieuses sans quitter le navigateur.