最近官方颜色页面增强
发布: (2026年1月31日 GMT+8 03:17)
2 分钟阅读
原文: Dev.to
Source: Dev.to
Visit the Closest Official Color page
概览
此工具可查找任意给定颜色的最近官方颜色，并提供多种视觉变换和补充信息。
功能
- 颜色预览：将所选颜色显示为黑色、白色或灰色。
- 去饱和度：显示颜色的去饱和版本。
- 加色混合：可视化添加红、绿、蓝或这些原色任意组合的结果。
- 对比颜色：提供对比颜色，包括负（反相）颜色。
颜色转换函数
核心功能由 xs_style.js 库中的 xs_color_convert 函数提供支持。
xs_color_convert(fromColor, toColorType)支持的 toColorType 值
| 类型 | 描述 |
|---|---|
hex | 十六进制表示 |
rgb | RGB 数组 |
hsv | HSV 值 |
hsl | HSL 值 |
hue | 色相分量 |
lum | 亮度 |
dst | 去饱和颜色 |
gry | 灰色版本 |
gy~ | 略带灰色的版本 |
wh~ | 略带白色的版本 |
bk~ | 略带黑色的版本 |
100, 110, 111, … | 3 位二进制代码，指示要添加的原色（例如 100 = 红色，110 = 黄色，111 = 白色） |
这些选项使工具能够生成上述各种视觉表现和补充颜色。