JavaScript中如何深入理解并运用颜色模型的基础知识？

本文共计2683个文字，预计阅读时间需要11分钟。

目录+介绍+RGB模型+RGB颜色值+rgb转hex+hex转rgb+HSL模型+HSV(B)模型+RGB与HSL的转换+rgb转hsl+hsl转rgb+介绍+颜色模型是用来表示颜色的数学模型。例如最常见的RGB模型，使用红、绿、蓝三原色+。

目录

• 介绍
• RGB模型
• RGB颜色值
• rgb 转 hex
• hex 转 rgb
• HSL模型
• HSV(B)模型
• RGB 与 HSL 的转换
• rgb 转 hsl
• hsl 转 rgb

介绍

颜色模型，是用来表示颜色的数学模型。比如最常见的 RGB模型，使用 红绿蓝 三色来表示颜色。

一般的颜色模型，可以按照如下分类：

• 面向硬件设备的颜色模型：RGB，CMYK，YCrCb。
• 面向视觉感知的颜色模型：HSL，HSV(B)，HSI，Lab。

不同的颜色模型有不同的应用场景，而RGB模型适合于显示器这样的的设备。

其中，前端支持的是 RGB、HSL，即在前端页面中只有这两种模型的颜色值可以有效展示出来。