Convertisseur de couleurs (HEX, RGB, HSL)
Convertissez des couleurs entre HEX, RGB, HSL et HSV. Collez une couleur par ligne, y compris les HEX à 3 chiffres, rgb() et hsl(), puis cliquez sur une
Convertissez des couleurs entre HEX, RGB, HSL et HSV dans les deux sens. Collez une couleur par ligne, y compris les codes HEX abrégés à 3 chiffres et les valeurs rgb() et hsl(), et obtenez toutes les représentations d'un coup, avec un nuancier sur lequel cliquer pour copier le code HEX.
Utile lorsqu'un outil de design vous donne du HSL alors que le CSS que vous avez repris utilise du HEX, lorsque vous avez besoin du triplet RGB pour un canvas ou un fichier de ressources Android, ou lorsque vous vérifiez une palette de marque et voulez voir comment les nuances s'articulent. La conversion suit les formules CSS standard, et les valeurs alpha sont conservées lorsque vous les fournissez.
Comment convertir des couleurs entre HEX, RGB, HSL et HSV
Saisissez une couleur par ligne, dans n'importe quel format pris en charge
Lisez les valeurs converties en HEX, RGB, HSL et HSV
Cliquez sur un nuancier pour copier son code HEX
Questions fréquentes
Quels formats sont acceptés en entrée ?
HEX (#1a2b3c ou #abc), rgb(26, 43, 60), rgba(...), hsl(210, 40%, 17%) et hsla(...), une valeur par ligne, avec ou sans le nom de la fonction en minuscules.
Puis-je convertir plusieurs couleurs à la fois ?
Oui, collez une palette entière, une couleur par ligne : chaque ligne est convertie indépendamment.
Comment copier un résultat ?
Cliquez sur n'importe quel nuancier et sa valeur HEX est copiée dans le presse-papiers ; la sortie texte peut aussi être sélectionnée et copiée comme n'importe quel texte.
Le résultat est-il identique aux fonctions de couleur CSS ?
Oui, les formules sRGB standard sont utilisées, et les valeurs HSL/HSV sont arrondies pour rester lisibles. L'arrondi peut décaler un canal d'une unité, ce qui est invisible en pratique.
Gère-t-il la transparence ?
Les valeurs alpha saisies dans rgba() et hsla() sont conservées dans la sortie HEX sous la forme d'une valeur à 8 chiffres avec alpha.
Quelque chose est-il envoyé à un serveur ?
Non, la conversion est un simple calcul arithmétique effectué dans votre navigateur.
Entre quels formats de couleur puis-je convertir ?
HEX, RGB, HSL et HSV : les formats utilisés par le CSS, les outils de design et le code. Le CMYK est un espace colorimétrique d'impression qui ne peut pas être déduit avec précision de valeurs à l'écran : considérez donc tout chiffre CMYK comme un ordre de grandeur, et non comme un engagement.
Que m'indique le contrôle de contraste ?
Si un couple texte/fond respecte les ratios de contraste minimaux de la WCAG : 4,5:1 pour le texte normal et 3:1 pour le texte de grande taille. C'est souvent la différence entre une interface qui passe une revue d'accessibilité et une qui échoue.
Pourquoi la même couleur paraît-elle différente ailleurs ?
Les écrans diffèrent par leur gamut, leur luminosité et leur calibration. sRGB est l'hypothèse sûre pour le web, et les couleurs définies en dehors de cet espace peuvent être ramenées à une teinte proche sur un écran ordinaire.
Mes données de couleur sont-elles envoyées quelque part ?
Non, la conversion se fait dans votre navigateur.
En un coup d'œil
| Entrée | texte |
|---|---|
| Fichiers multiples | Non |
| Où ça tourne | Dans votre navigateur - les fichiers ne sont jamais envoyés |
| Fonctionne hors ligne | Oui — une fois la page chargée |
| Tarif | Gratuit, sans inscription, sans filigrane |
Où les conversions cassent sans bruit
La plupart des bugs de conversion ne portent pas sur la syntaxe mais sur le sens. Une colonne CSV de codes postaux perd ses zéros initiaux dès qu'un tableur devine qu'il s'agit d'un nombre ; un identifiant long dépasse la précision des nombres à virgule flottante ; les dates changent de sens selon qu'elles sont au format jour-mois ou mois-jour. Les clés JSON ne sont pas ordonnées, mais les tableaux le sont, et un outil qui trie les clés ne change rien tandis qu'un outil qui trie les tableaux modifie les données. L'Unicode est un autre piège : le texte peut arriver en UTF-8, en UTF-16 ou avec un BOM, et un décodeur qui se trompe transforme les caractères accentués en mojibake. Avant de faire confiance à une conversion, vérifiez par échantillon la première et la dernière ligne, tout champ à zéros initiaux et tout champ contenant des guillemets, des virgules ou des retours à la ligne.
Choisir un format de données
Le JSON est la valeur par défaut pour tout ce qu'une API renvoie ou qu'un programme lit : il gère naturellement les structures imbriquées, les nombres, les booléens et null, et tous les langages le lisent. Le CSV est plus léger et s'ouvre directement dans un tableur, mais il ne permet pas d'exprimer l'imbrication et n'a aucune norme partagée pour le séparateur, les guillemets ou le jeu de caractères - et c'est exactement là que les conversions se cassent. Le XML est verbeux mais porte des attributs, du contenu mixte et des schémas, ce qui le rend encore dominant dans les formats documentaires et les intégrations anciennes. Le YAML est le plus lisible pour la configuration, mais il est sensible aux espaces et réserve des conversions de type surprenantes (« no » devient false, une version comme 1.10 devient 1.1). Choisissez le format que l'outil de destination préfère, pas celui qui est le plus joli à lire.