Convertisseur de couleurs HEX

Convertir une couleur HEX en valeurs RGB et HSL.

Vos saisies restent dans votre navigateur. Les résultats affichés sont arrondis à 12 chiffres significatifs au maximum.

Méthode et hypothèses

Version de méthode 1.0.0 · Mise à jour 17 octobre 2026

Convertir une couleur HEX

Formule: Convertir les composantes rouge, verte et bleue en teinte, saturation et luminosité.

Les couleurs abrégées à trois chiffres sont développées (par exemple #3AF devient #33AAFF). Les valeurs HSL sont arrondies à deux décimales ; les composantes RGB restent des entiers exacts.

hex: Couleur hexadécimale

Accepte les notations HEX #RGB et #RRGGBB, avec ou sans signe #. Les couleurs avec canal alpha ne sont pas prises en charge. HSL est arrondi à deux décimales.

Reproduire le calcul en code

Ces exemples utilisent les mêmes entrées et le même calcul de base que cet outil. Adaptez la validation et le formatage à votre application.

JavaScript

const hex = "#3366CC";
const rgb = [1, 3, 5].map(i => parseInt(hex.slice(i, i + 2), 16));
console.log(rgb); // [51, 102, 204]

TypeScript

const hex = "#3366CC";
const rgb: number[] = [1,3,5].map(i => parseInt(hex.slice(i,i+2),16));
console.log(rgb); // [51,102,204]

Python

value = "3366CC"
print([int(value[i:i+2], 16) for i in (0,2,4)])  # [51, 102, 204]

Java

String hex = "3366CC";
int[] rgb = {Integer.parseInt(hex.substring(0,2),16), Integer.parseInt(hex.substring(2,4),16), Integer.parseInt(hex.substring(4,6),16)};
System.out.println(java.util.Arrays.toString(rgb));

string hex = "3366CC";
int[] rgb = [Convert.ToInt32(hex[..2],16), Convert.ToInt32(hex[2..4],16), Convert.ToInt32(hex[4..6],16)];
Console.WriteLine(string.Join(", ", rgb));