HSL

Зображення, розкладене на складові H, S і L

HSL (скорочено від англ. Hue, Saturation, Lightness) — колірна модель, в якій будь-який колір визначається трьома характеристиками: кольоровим тоном (англ. Hue), наприклад, синім, червоним, жовтим тощо; насиченістю (англ. Saturation), тобто частиною чистого кольору, без домішки чорної та білої фарб; «світністю»^[en] (англ. Lightness), тобто близькістю до білого кольору.

Схожа на колірну модель HSV (HSB) (від англ. Hue, Saturation, Value/Brightness).

Співвідношення з іншими моделями

Конвертація з RGB

${\displaystyle H={\begin{cases}{\mbox{undefined}}&{\mbox{if }}MAX=MIN\\60^{\circ }\times {\frac {G-B}{MAX-MIN}}+0^{\circ },&{\mbox{if }}MAX=R\\&{\mbox{and }}G\geq B\\60^{\circ }\times {\frac {G-B}{MAX-MIN}}+360^{\circ },&{\mbox{if }}MAX=R\\&{\mbox{and }}G<B\\60^{\circ }\times {\frac {B-R}{MAX-MIN}}+120^{\circ },&{\mbox{if }}MAX=G\\60^{\circ }\times {\frac {R-G}{MAX-MIN}}+240^{\circ },&{\mbox{if }}MAX=B\end{cases}}}$, ${\displaystyle S={\begin{cases}0&{\mbox{if }}L=0{\mbox{ or }}MAX=MIN\\{\frac {MAX-MIN}{MAX+MIN}}={\frac {MAX-MIN}{2L}},&{\mbox{if }}0<L\leq {\frac {1}{2}}\\{\frac {MAX-MIN}{2-(MAX+MIN)}}={\frac {MAX-MIN}{2-2L}},&{\mbox{if }}{\frac {1}{2}}<L<1\\\end{cases}}}$, або, в загальному випадку, ${\displaystyle S={\frac {MAX-MIN}{1-|1-(MAX+MIN)|}}}$,

${\displaystyle L={\begin{matrix}{\frac {1}{2}}\end{matrix}}(MAX+MIN)}$, де:

• R, G, B — значення кольору в колірній моделі RGB, значення в діапазоні [0; 1] (R — червоний, G — зелений, B — синій).
• MAX — максимум з трьох значень (R, G, B)
• MIN — мінімум з трьох значень (R, G, B)
• H — тон [0; 360]
• S — насиченість [0; 1]
• L — яскравість [0; 1]

Конвертація в RGB

${\displaystyle Q={\begin{cases}L\times (1.0+S),&{\mbox{if }}L<0.5\\L+S-(L\times S),&{\mbox{if }}L\geq 0.5\end{cases}}}$

${\displaystyle P=2.0\times L-Q\,}$

${\displaystyle H_{k}={H \over 360}\,}$(приведення до інтервалу [0,1])

${\displaystyle T_{R}=H_{k}+{\frac {1}{3}}\,}$

${\displaystyle T_{G}=H_{k}\,}$

${\displaystyle T_{B}=H_{k}-{\frac {1}{3}}\,}$

${\displaystyle {\mbox{if }}T_{c}<0\rightarrow T_{c}=T_{c}+1.0\quad {\mbox{for each}}\,c=R,G,B\,}$

${\displaystyle {\mbox{if }}T_{c}>1\rightarrow T_{c}=T_{c}-1.0\quad {\mbox{for each}}\,c=R,G,B\,}$ Для кожного кольору ${\displaystyle c=R,G,B}$:

${\displaystyle \qquad \mathrm {color} _{c}={\begin{cases}P+\left((Q-P)\times 6.0\times T_{c}\right),&{\mbox{if }}T_{c}<{\frac {1}{6}}\\Q,&{\mbox{if }}{\frac {1}{6}}\leq T_{c}<{\frac {1}{2}}\\P+\left((Q-P)\times ({\frac {2}{3}}-T_{c})\times 6.0\right),&{\mbox{if }}{\frac {1}{2}}\leq T_{c}<{\frac {2}{3}}\\P,&{\mbox{otherwise }}\end{cases}}}$