Convertisseur de Code Couleur
Convertissez entre RGB, HEX, HSL, HSV et CMYK avec sélecteur de couleur
Sélecteur de Couleur
Aperçu
Formats de Couleur
Palette de Couleurs
Vérificateur de Contraste
Texte Exemple
Ceci est un petit texte exemple pour tester la lisibilité.
À propos de cet outil
Le convertisseur de codes couleur est un outil gratuit pour designers et développeurs qui convertit entre RVB, HEX, TSL, TSV et CMJN. Vous choisissez une couleur de façon intuitive, générez automatiquement des palettes de couleurs complémentaires et analogues et vérifiez le rapport de contraste WCAG entre le texte et le fond. Utile pour concevoir des sites et applications, gérer des couleurs de marque et contrôler l'accessibilité.
Comment l'utiliser
- 1 Choisissez une couleur avec le sélecteur ou saisissez directement une valeur HEX.
- 2 Les valeurs RVB, TSL, TSV et CMJN s'affichent simultanément.
- 3 Examinez la palette générée de couleurs complémentaires et analogues.
- 4 Utilisez le vérificateur de contraste pour confirmer la lisibilité du texte sur le fond.
Comment ça marche
Le RVB mélange de la lumière rouge, verte et bleue, chacune de 0 à 255, et constitue la base de la couleur à l'écran. Le HEX est ce même RVB écrit en deux chiffres hexadécimaux par canal, donc #FF8800 signifie rouge 255, vert 136, bleu 0. Le TSL décrit la couleur par teinte (0-360 degrés), saturation et luminosité, plus proche de la perception humaine et facile à ajuster. Le TSV remplace la luminosité par la valeur (luminosité maximale). Le CMJN utilise des quantités d'encre cyan, magenta, jaune et noir et vise l'impression. Le rapport de contraste est le rapport des luminances relatives de deux couleurs ; WCAG recommande au moins 4,5:1 pour le texte normal au niveau AA et 7:1 au niveau AAA.
Questions fréquentes
Quelle différence entre HEX et RVB ?
Ils portent la même information de couleur. Le RVB liste le rouge, le vert et le bleu en décimaux de 0 à 255, le HEX les empaquette en deux chiffres hexadécimaux chacun. #FF0000 et rgb(255,0,0) sont le même rouge.
Que signifie le niveau de contraste AA de WCAG ?
Une norme de lisibilité : le texte de taille normale exige un rapport de contraste d'au moins 4,5:1 avec le fond, le texte grand est admis à 3:1.
À quoi sert le TSL ?
Il permet de changer la saturation ou la luminosité en gardant la teinte, ce qui rend intuitif de créer des variations d'une même teinte et des nuances pour l'état survol.
Pourquoi les couleurs changent-elles entre CMJN et RVB ?
Le RVB est une synthèse additive de lumière et le CMJN une synthèse soustractive d'encre, avec des gammes différentes. Les couleurs vives à l'écran peuvent paraître plus ternes à l'impression.
Que sont les couleurs complémentaires et analogues ?
Les complémentaires sont à l'opposé du cercle chromatique pour un fort contraste, les analogues sont voisines pour un rendu harmonieux. L'outil calcule les deux automatiquement.
Outils et usages connexes
Pour comprendre le fonctionnement du HEX, le convertisseur de bases aide. Pour les dimensions de design, voyez le convertisseur de longueurs et, pour la mise en page web, les conversions px, rem et em.