Convertisseur de Couleurs Gratuit

Le Convertisseur de Couleurs est un outil en ligne gratuit qui convertit les couleurs entre les formats HEX, RGB et HSL avec un aperçu visuel de la couleur.

Oui, il est entièrement gratuit et ne nécessite aucune inscription. Toutes les conversions s'effectuent côté client, dans votre navigateur.

Le Convertisseur de Couleurs prend en charge les formats de couleur HEX (p. ex. #FF5733), RGB (p. ex. rgb(255,87,51)) et HSL (p. ex. hsl(11,100%,60%)).

Absolument. L'outil Convertisseur de Couleurs traite tout côté client, dans votre navigateur. Aucune donnée n'est envoyée ni stockée sur un serveur. Votre contenu reste privé sur votre appareil à tout moment.

Oui, l'outil Convertisseur de Couleurs est entièrement responsive et fonctionne sur smartphones et tablettes. Vous pouvez l'utiliser sur n'importe quel appareil doté d'un navigateur web moderne, sans aucune application à télécharger.

Aucun compte ni inscription n'est nécessaire. Ouvrez simplement l'outil Convertisseur de Couleurs dans votre navigateur et commencez à l'utiliser immédiatement. Aucune barrière d'inscription ni restriction d'utilisation.

Saisissez simplement vos données dans le champ prévu, ajustez les paramètres selon vos préférences, et l'outil les traitera instantanément. Vous pouvez ensuite copier le résultat dans votre presse-papiers ou le télécharger.

L'outil Convertisseur de Couleurs fonctionne sur tous les navigateurs modernes, dont Chrome, Firefox, Safari, Edge et Opera. Pour une expérience optimale, utilisez la dernière version de votre navigateur préféré.

Un code HEX n'est qu'une couleur RGB écrite en base 16. Séparez les six chiffres en trois paires : la première paire correspond au rouge, la deuxième au vert, la troisième au bleu. Convertissez chaque paire de deux chiffres de l'hexadécimal au décimal (de 0 à 255) pour obtenir la valeur RGB. Par exemple, #3B82F6 se décompose en 3B, 82 et F6 ; en décimal, cela donne 59, 130 et 246, soit rgb(59, 130, 246). Une notation abrégée à trois chiffres comme #F30 se développe en doublant chaque chiffre pour donner #FF3300, et un code HEX8 à huit chiffres ajoute une dernière paire pour le canal alpha (transparence). L'inverse fonctionne aussi : divisez chaque canal RGB en sa paire hexadécimale puis assemblez-les. Faire ce calcul à la main est lent et source d'erreurs ; collez donc n'importe quelle valeur HEX ou RGB dans le convertisseur ci-dessus pour lire instantanément l'équivalent exact, accompagné du HSL, du HSV, du CMJN, du LAB et de la couleur nommée CSS la plus proche.

Les deux décrivent une couleur par sa teinte (de 0 à 360 degrés sur la roue chromatique) et sa saturation, mais ils traitent la luminosité différemment. Le HSL utilise la luminosité (lightness), où 0 % est noir, 100 % est blanc, et 50 % correspond à la version la plus vive de la teinte. Le HSV (aussi appelé HSB) utilise la valeur ou la brillance (value/brightness), où 0 % est noir et 100 % correspond à la version la plus lumineuse, mais le blanc pur n'apparaît que lorsque la saturation est aussi à 0 %. En pratique, le HSL est intuitif pour rendre une couleur plus claire ou plus sombre sur le web, tandis que le HSV correspond au comportement des sélecteurs dans la plupart des logiciels graphiques comme Photoshop. Comme les deux modèles définissent la luminosité avec des formules différentes, une même couleur porte des valeurs de saturation différentes dans chaque modèle, donc on ne peut pas simplement recopier les valeurs de l'un à l'autre. Saisissez n'importe quelle couleur ci-dessus et l'outil affiche le HSL, le HSLA et le HSV/HSB côte à côte, avec le HEX, le RGB et le CMJN, afin de comparer tous les modèles d'un coup d'œil sans faire les calculs.

Les écrans utilisent le RGB, un modèle additif qui mélange de la lumière rouge, verte et bleue, tandis que les imprimantes utilisent le CMJN, un modèle soustractif qui superpose des encres cyan, magenta, jaune et noir (key) sur le papier. Le RGB peut produire des couleurs vives et saturées, en particulier des verts, oranges et bleus éclatants, qui sortent tout simplement de la gamme plus restreinte que les encres CMJN peuvent reproduire. Ces couleurs hors gamme sont ramenées à l'équivalent imprimable le plus proche, ce qui donne généralement un rendu plus terne ou une teinte légèrement décalée. C'est pourquoi un bleu éclatant à l'écran peut devenir terne à l'impression et un vert néon perdre son intensité sur le papier. Convertir en CMJN avant d'envoyer un visuel à l'impression donne un aperçu réaliste de la façon dont la couleur sera restituée et permet d'ajuster en amont. Collez votre couleur HEX ou RGB ci-dessus pour voir instantanément sa décomposition en pourcentages CMJN, sans mauvaise surprise à l'impression.

Le contraste se mesure comme un rapport entre la luminance relative d'une couleur de premier plan et celle d'une couleur d'arrière-plan, allant de 1:1 (identiques) à 21:1 (noir sur blanc). Les Web Content Accessibility Guidelines (WCAG 2.1) exigent au moins 4,5:1 pour le texte normal et 3:1 pour le texte large (18pt, ou 14pt en gras) pour atteindre le niveau AA, avec des seuils plus stricts de 7:1 et 4,5:1 pour le niveau AAA. Un rapport plus élevé rend le texte plus facile à lire, en particulier pour les utilisateurs malvoyants ou sur des écrans sujets aux reflets. Calculer la luminance et le rapport à la main est fastidieux ; utilisez plutôt l'onglet Contraste de cet outil : saisissez vos couleurs de texte et d'arrière-plan, il calcule le rapport exact, affiche un aperçu de texte en direct sur l'arrière-plan choisi, et présente des badges de réussite ou d'échec pour chaque niveau WCAG, afin de confirmer qu'une paire de couleurs est lisible avant sa mise en ligne plutôt qu'après une plainte.

Ce sont des harmonies de couleurs basées sur des positions autour de la roue chromatique à 360 degrés. Les couleurs complémentaires sont directement opposées l'une à l'autre (à 180 degrés), comme le bleu et l'orange, créant un fort contraste et de l'énergie. Les couleurs triadiques sont réparties régulièrement à 120 degrés d'écart, offrant un ensemble équilibré et vibrant de trois teintes. Les couleurs analogues sont voisines sur la roue (généralement dans un écart d'environ 30 degrés), produisant des palettes calmes et cohérentes puisqu'elles partagent une teinte sous-jacente commune. D'autres schémas incluent le complémentaire divisé et le tétradique (un carré de quatre couleurs). Choisir une harmonie est un raccourci fiable vers une palette qui paraît intentionnelle plutôt qu'aléatoire, puisque ces relations reposent sur la géométrie de la roue. Cet outil génère tous ces schémas à partir de n'importe quelle couleur de base que vous saisissez, ainsi que des teintes claires (mélangées vers le blanc), des nuances sombres (vers le noir) et des tons désaturés (vers le gris), et vous permet de cliquer sur n'importe quelle pastille pour en faire la nouvelle couleur active et poursuivre votre exploration.