Color format

A New Post

Hex
使用率最高的 Hex，全稱為 Hexadecimal （十六進位）。
格式為 “#FFFFFF”
每兩個字元為一組，由左到右分別代表紅色、綠色、藍色的強度，如 “#FF0000″（正紅色）、”#00FF00″（正綠色）、”#0000FF”（正藍色）。

RGB
格式為 “（255, 255, 255）”
三個十進制（0 ~ 255）的無符號整數值組合而成，其中括號內的數值由左到右分別代表紅色、綠色、藍色的強度，如 “（255, 0, 0）”（正紅色）、”（0, 255, 0）”（正綠色）、”（0, 0, 225）”（正藍色）。

HSB，又稱 HSV
代表 Hue（色相/色調）、Saturation（飽和度）、Brightness（亮度） 或 Value（明度）。
格式為 “（0, 0, 100）”，
其中第一個數值的範圍與單位為 0° ~ 360°，也就是色彩學經常提及的 “色相環” 中各個顏色所在位置的度數；
第二個數值是 0% ~ 100% 的飽和程度，數值越大、顏色越飽滿；
第三個數值則是 0% ~ 100% 的明/亮度，數值越大、顏色越亮。如 “（0, 100, 100）”（正紅色）、”（120, 100, 100）”（正綠色）、”（240, 100, 100）”（正藍色）。

HSL
代表 Hue（色相/色調）、Saturation（飽和度）、Lightness（亮度）。
格式同樣也是 “（0, 0, 100）”，
除了第一個數值之外，主要差異在第二個數值是 0% ~ 100% 的飽和程度，數值越大、顏色越純淨；而第三個數值則是 0% ~ 100% 的亮度，其過渡變化依序為 0% 白色 – 50% 預設亮度 – 100% 黑色。如 “（0, 100, 50）”（正紅色）、”（120, 100, 50）”（正綠色）、”（240, 100, 50）”（正藍色）。

注意：HSB 與 HSL 中 S – Saturation（飽和度）的定義不太一樣。

• HSB 中飽和度的概念以色階來形容的話，會是 0% ~ 100% 透明度的正紅色在白底上堆疊呈現的變化，也就是白色到淺粉色到正紅色的過渡。

• HSL 中飽和度的概念以色階來形容的話，則是灰色（無彩色）到正紅色（有彩色）之間的過渡變化，在視覺上會覺得顏色從混濁逐漸變得鮮豔飽滿。
  https://www.tellustek.com/color-model-01-hex-rgb-hsb-hsl/