颜色代码转换工具 - RGB,HEX,HSL,HSV互转

用十六进制数字表示颜色的方式，格式为 #RRGGBB，其中 RR 代表红色通道（00-FF），GG 代表绿色通道（00-FF），BB 代表蓝色通道（00-FF）。3 位简写格式 #RGB 是 6 位格式的简写，每一位会被扩展为两位相同字符。HEX 是网页设计中最常用的颜色表示法。

基于光的三原色（红、绿、蓝）混合的颜色模型。每种通道取值范围为 0-255，三个通道的值组合起来表示一种颜色。例如 RGB(255,0,0) 为纯红色，RGB(0,255,0) 为纯绿色，RGB(0,0,255) 为纯蓝色。RGB 是屏幕显示和数字图像中最基础的颜色模型。

HSL 代表 Hue（色相）、Saturation（饱和度）、Lightness（亮度）。色相用角度表示（0°-360°），0°为红色，120°为绿色，240°为蓝色；饱和度表示颜色的纯度（0%-100%），0% 为灰色，100% 为最鲜艳；亮度表示颜色的明暗程度（0%-100%），0% 为黑色，50% 为正常亮度，100% 为白色。HSL 模型更符合人类对颜色的直觉理解。

HSV 代表 Hue（色相）、Saturation（饱和度）、Value（明度/纯度）。与 HSL 类似但明度（Value）的计算方式不同，HSV 的 Value 表示颜色中包含的光的量，0% 为黑色，100% 为最亮。HSV 中饱和度和明度都达到 100% 时为纯色，而在 HSL 中亮度 50% 才是纯色。HSV 更接近画家调色的思维方式。

色相（Hue）

表示颜色在色环上的位置，用 0° 到 360° 的角度值表示。0° 为红色，60° 为黄色，120° 为绿色，180° 为青色，240° 为蓝色，300° 为品红色。色相是区分不同颜色种类的主要属性。

饱和度（Saturation）>

表示颜色的鲜艳程度或纯度，取值范围为 0% 到 100%。饱和度为 0% 时颜色变为灰色，饱和度为 100% 时颜色最鲜艳纯粹。降低饱和度可以使颜色变得更加柔和、淡雅。

亮度（Lightness）>

在 HSL 模型中表示颜色的明暗程度，取值范围为 0% 到 100%。亮度为 0% 时为纯黑色，50% 为正常亮度的纯色，100% 为纯白色。通过调整亮度可以方便地获得同一颜色的不同明暗变体。

明度（Value/Brightness）> HSV参数

在 HSV 模型中表示颜色中包含的光的量，取值范围为 0% 到 100%。明度为 0% 时为纯黑色，100% 时为最亮状态。与 HSL 的亮度不同，HSV 的明度在达到 100% 时配合饱和度使用，可以得到从纯黑到纯色再到白色的过渡。

取色器（Eyedropper）>

一种可以从屏幕任意位置拾取颜色的工具功能。在浏览器中通常基于 EyeDropper API 实现，用户点击取色按钮后鼠标会变成吸管样式，点击屏幕任意位置即可获取该位置的颜色值。取色器对于从参考图片或设计稿中提取颜色非常有用。