Conversion du code couleur

Conversion des codes couleur (convertisseur de couleurs)

Lorsque vous spécifiez une couleur à l'aide du sélecteur de couleurs ou d'une valeur numérique, le système calcule automatiquement les valeurs HEX, RVB, HSL, HSV et CMJN. Vous pouvez copier chaque format d'un simple clic et vérifier le rapport de contraste avec les couleurs complémentaires et les couleurs de texte.

Sélectionnez une couleur

Prend en charge les formats #RGB, #RGBA, #RRGGBB et #RRGGBBAA.

%
%

%
%

%
%
%
%

Résultat de la traduction

Les couleurs saisies ont été converties dans chaque format de couleur.

Exemple de texte
HEX—
HEXA (avec opacité)—
RGB—
RGBA—
HSL—
HSLA—
HSV / HSB—
CMJN—

Couleurs complémentaires

—

Il s'agit de la couleur opposée, décalée de 180 degrés sur le cercle chromatique.

Contraste avec la couleur du texte

Rapport par rapport au texte blanc—
Rapport par rapport au texte noir—
Couleur de texte facile à lire：—

Toutes les conversions de couleurs sont effectuées au sein du navigateur ; les données saisies ne sont pas envoyées au serveur.

Qu'est-ce qu'un outil de conversion de codes couleur ?

Le Color Code Converter est un outil en ligne gratuit qui convertit les représentations numériques des couleurs utilisées dans la conception de sites web, le développement d'applications, la retouche d'images et la conception graphique pour l'impression. Même pour une même couleur, le format utilisé pour la spécifier (tel que HEX, RVB, HSL, HSV ou CMJN) varie en fonction de l'application ou du logiciel. Grâce à cet outil, vous pouvez visualiser d’un seul coup d’œil les valeurs de tous les principaux formats en saisissant simplement une seule couleur.

HEX est une notation hexadécimale largement utilisée dans les feuilles de style CSS des sites web. Par exemple, le blanc est représenté par #FFFFFF et le noir par #000000. Le système RVB combine les lumières rouge, verte et bleue sur une échelle allant de 0 à 255 et sert à gérer les couleurs à l'écran. Les notations RGBA et HEXA à 8 chiffres permettent également de spécifier l'opacité, ce qui les rend utiles pour créer des couleurs d'arrière-plan et des superpositions semi-transparentes.

Le modèle HSL représente les couleurs à l'aide de la teinte, de la saturation et de la luminosité. La teinte est spécifiée sur un cercle chromatique allant de 0 à 360 degrés, tandis que la saturation et la luminosité sont spécifiées sur une échelle allant de 0 à 100 %.Ce format permet d'ajuster facilement et intuitivement les couleurs, par exemple en les rendant légèrement plus vives ou en atténuant leur intensité. Les systèmes HSV ou HSB représentent la couleur à l'aide de la teinte, de la saturation et de la luminosité, et sont utilisés dans de nombreux logiciels graphiques et sélecteurs de couleurs.

Le CMJN est un modèle de couleur basé sur les proportions d'encre cyan, magenta, jaune et noire, principalement utilisé dans l'industrie de l'imprimerie. Cependant, les valeurs CMJN calculées mathématiquement à partir des couleurs RVB à l'écran ne constituent qu'une indication approximative. Étant donné que les résultats d'impression réels dépendent de facteurs tels que le papier, l'encre, la presse d'impression et les profils ICC, veuillez vous renseigner auprès de votre imprimeur et vérifier votre environnement de gestion des couleurs pour les supports imprimés nécessitant une précision chromatique.

Cet outil affiche non seulement les valeurs pour chaque format, mais également un aperçu de la couleur sélectionnée, de sa couleur complémentaire (décalée de 180 degrés en teinte) et du rapport de contraste lorsque du texte blanc et noir sont superposés. Il est utile pour choisir des couleurs de texte faciles à lire sur la couleur d'arrière-plan et pour envisager des palettes de couleurs en tenant compte de l'accessibilité.Tous les calculs sont effectués dans le navigateur, et les informations de couleur que vous saisissez ne sont jamais envoyées au serveur.

Mode d'emploi

  1. Utilisez le sélecteur de couleur ou saisissez une valeur au format HEX, RGB, HSL, HSV ou CMYK.
  2. En fonction du format que vous saisissez, les valeurs dans les autres formats de couleur seront mises à jour automatiquement.
  3. Si la transparence est requise, réglez le curseur de transparence ou le champ numérique.
  4. Lorsque vous cliquez sur « Afficher les résultats de conversion », vous accédez à la section des résultats où vous pouvez vérifier chaque format, les couleurs complémentaires et le rapport de contraste.
  5. Cliquez sur « Copier » dans le format souhaité, puis collez-le dans le CSS, les outils de conception, la documentation, etc.

Précautions d'utilisation

  • Les valeurs CMJN sont des conversions générales dérivées du RVB et ne garantissent pas une reproduction exacte des couleurs à l'impression.
  • La transparence est prise en compte dans les formats RVB, HSL et HEXA, mais le CMJN ne prend pas en charge le concept de transparence.
  • Selon les paramètres de votre écran, de votre navigateur et de votre système d'exploitation, un même code de couleur peut s'afficher différemment.
  • Le rapport de contraste est calculé sur la base de couleurs opaques, sans tenir compte de la transparence. La lisibilité peut varier en fonction de l'image d'arrière-plan réelle et de la manière dont les éléments se superposent.
  • Les nombres décimaux très petits seront arrondis à un nombre approprié de décimales pour faciliter la lecture.

Foire aux questions

Les couleurs sont représentées en notation hexadécimale. En règle générale, on utilise le format à 6 chiffres #RRGGBB ; lorsqu'il y a de la transparence, on utilise le format à 8 chiffres #RRGGBBAA.

Le RVB se compose de trois composantes — rouge, vert et bleu — tandis que le RGBA ajoute un canal alpha pour représenter la transparence.

Cette fonctionnalité est utile lorsque vous souhaitez ajuster la luminosité ou la saturation tout en conservant la même teinte. Elle est également bien adaptée à la création de variations de couleurs en CSS.

En général, ces termes font référence au même modèle. « V » signifie « Value » (valeur) et « B » signifie « Brightness » (luminosité), bien que la terminologie puisse varier selon l'application.

Affiche des valeurs approximatives calculées à partir de formules générales. Des profils ICC et un environnement d'impression spécifique sont nécessaires pour obtenir des couleurs d'impression précises.

Oui. Si vous saisissez une valeur au format #RGB, elle sera convertie au format #RRGGBB, chaque chiffre étant répété deux fois.

Oui. Il prend en charge à la fois les entrées et les sorties au format #RGBA et #RRGGBBAA.

Il s'agit de couleurs situées à l'opposé les unes des autres sur le cercle chromatique. Cet outil les calcule en décalant la teinte HSL de 180 degrés.

Cet indicateur quantifie la différence de luminosité entre la couleur d'arrière-plan et celle du texte. En général, plus le chiffre est élevé, plus le texte est facile à distinguer.

Comparez les rapports de contraste dans la section des résultats ; choisir celui qui présente le rapport le plus élevé améliorera la lisibilité.

Non. La conversion et l'affichage s'effectuent entièrement au sein du navigateur ; les valeurs de couleur ne sont pas envoyées au serveur pour y être traitées.

Oui. Vous pouvez convertir les valeurs à l'aide du sélecteur de couleur ou des champs de saisie numérique dans les navigateurs pris en charge.