颜色工具
转换 HEX、RGB、HSL 等颜色格式，调整亮度、饱和度与色相，生成配色或从图片取色；预览并复制所需颜色值。
快捷入口
查看全部
颜色转换器
将一种颜色转换为 HEX、HEX8、RGB、RGBA、HSL 和 HSLA，预览透明度并复制 CSS 值。
在线调整颜色亮度工具
选择一种颜色并按比例与白色混合，生成更浅的单色，查看HEX、RGB、HSV和HSL数值。
RGB渐变色板生成器
在两种端点颜色之间生成2至100个RGB插值色块，预览渐变并复制HEX值；不导出CSS代码。
颜色加深工具
按所选比例将不透明颜色与黑色混合，生成后可查看并手工调整结果颜色。
颜色饱和度调整
按百分点增加或减少单个颜色的HSL饱和度，预览并手工编辑结果，复制原色、调整量和当前结果。
在线颜色灰度与去饱和工具
将单个颜色的HSL饱和度归零，预览并复制灰色HEX、RGB、HSV、HSL值。
在线颜色反转工具
将单个不透明颜色的RGB通道分别用255减原值，预览并复制HEX、RGB、HSV或HSL结果。
在线随机颜色生成器
生成完全随机颜色，或固定RGB、HSL部分通道后生成可控随机颜色
在线颜色混合工具
按第二种颜色的百分比混合两种不透明颜色，查看 HEX、RGB、HSV、HSL，并复制颜色与比例摘要。
在线颜色色相偏移工具
输入一个颜色并设定色相偏移角度，生成调整后的颜色及 HEX、RGB、HSV、HSL 数值；不会修改整张图片。
在线三角色彩方案工具
从基础颜色生成色相间隔为120度的三色配色，支持 HEX、RGB、HSV 和 HSL 输入及独立编辑各结果。等间距不保证文字对比度或视觉平衡。
在线四角色彩方案工具
按固定色相偏移0°、60°、180°、240°生成两对互补色，可预览和复制；没有角度调节。
在线互补色工具
根据基础颜色生成 HSL 互补色对。可用 HEX、RGB、HSV、HSL 控件设色，点击生成后分别调整两种结果颜色并复制结果。
在线分裂互补色工具
生成基础色及互补色两侧的分裂互补配色,分裂补色是通过同时使用补色及类比色来确定的颜色关系，该方法在保持类比色低对比度和谐美感的同时，利用补色增强视觉冲击力，形成平衡且有重点的色彩搭配效果。
在线类似色配色方案工具
输入基础色和 1°—90° 的角度间隔，生成色轮两侧的类似色。可查看并编辑各颜色值；结果用于配色参考。
在线单色配色生成器
基于一种基础色生成3–12级HSL明度色板，可单独编辑各色并复制结果文本。
在线正方形配色方案工具
从基础色生成HSL色相依次偏移0°、90°、180°、270°的四色方案。支持逐色编辑、复制结果和恢复默认基础色。
在线图片取色器
在图片缩放画布上点击取色，读取HEX、RGB和画布坐标；可用HEX、RGB、HSV、HSL面板手改颜色，忽略透明度。
图片调色板生成器
从图片采样建立1～20色调色板，可复制颜色值并导出CSS、代码、SVG或PNG。
在线批量图片颜色提取工具
批量显示多张图片，按各图片指定位置提取颜色并分别生成可复制色板