Convertisseur HEX vers HSL — Contraste inclus
Convertissez un code sRGB hexadécimal à trois ou six chiffres en valeurs HSL et RVB.
Formules et sources mises à jour · Sources · 1Voir l’algorithme, les constantes et les valeurs par défaut (JSON)
À propos de ce calculateur
Saisissez une couleur sRGB hexadécimale à trois ou six chiffres, par exemple #3B82F6. Les formats avec canal alpha ne sont pas acceptés, car cette page renvoie des valeurs RGB et HSL opaques.
Exemple chiffré
calculé avec les valeurs par défaut ci-dessous
Couleur HEX #3B82F6 HSL hsl(217, 91%, 60%) · HSL hsl(217, 91%, 60%) · Teinte 217 ° · Saturation 91,2 % · Luminosité 59,8 % · RGB 59, 130, 246
Méthode et hypothèses
L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)) R, G, B vont de 0 à 1 ; si Δ = 0, H = S = 0 ; S et L sont exprimés en pourcentage. Saisissez une couleur sRGB hexadécimale à trois ou six chiffres, par exemple #3B82F6. Les formats avec canal alpha ne sont pas acceptés, car cette page renvoie des valeurs RGB et HSL opaques. Les sources expliquent les définitions et méthodes ; les autres valeurs prédéfinies doivent être vérifiées selon les hypothèses de cette page.
Sources
Les sources expliquent les définitions et méthodes ; les autres valeurs prédéfinies doivent être vérifiées selon les hypothèses de cette page.
Avertissement
Ces calculatrices donnent des résultats de conversion généraux. L'arrondi et la précision de la valeur saisie influent sur le résultat : les décimales affichées sont indicatives et non exactes.
Source de l’implémentation
Cette fiche décrit l’implémentation de cette page, sans validation indépendante. Les références externes étayent uniquement la formule ou définition indiquée ; les estimations et règles propres conservent leurs hypothèses.
Voir l’algorithme, les constantes et les valeurs par défaut (JSON)
Formule et variables
L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M))
- R,G,B
- canaux normalisés (0–1)
- M
- max(R, G, B)
- m
- min(R, G, B)
- Δ
- M − m
- H,S,L
- teinte °, saturation, luminosité
R, G, B vont de 0 à 1 ; si Δ = 0, H = S = 0 ; S et L sont exprimés en pourcentage.
Questions fréquentes
Quels formats HEX sont acceptés ?
Saisissez une couleur sRGB hexadécimale à trois ou six chiffres, par exemple #3B82F6. Les formats avec canal alpha ne sont pas acceptés, car cette page renvoie des valeurs RGB et HSL opaques.
Quelles entrées et limites utiliser pour Convertisseur HEX vers HSL — Contraste inclus ?
Respectez les unités indiquées à côté des champs. Ce sont des limites du formulaire, pas des valeurs recommandées. L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)) R, G, B vont de 0 à 1 ; si Δ = 0, H = S = 0 ; S et L sont exprimés en pourcentage. Saisissez une couleur sRGB hexadécimale à trois ou six chiffres, par exemple #3B82F6. Les formats avec canal alpha ne sont pas acceptés, car cette page renvoie des valeurs RGB et HSL opaques. Les sources expliquent les définitions et méthodes ; les autres valeurs prédéfinies doivent être vérifiées selon les hypothèses de cette page.
Quel est un exemple de calcul complet pour Couleur HEX = #3B82F6 ?
Entrées: Couleur HEX = #3B82F6. Calcul: L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)). Résultats: HSL = hsl(217, 91%, 60%); Teinte = 217 °; Saturation = 91,2 %; Luminosité = 59,8 %; RGB = 59, 130, 246.