颜色与设计
转换颜色、检查对比度并生成常用 CSS 样式。 本分类提供 19 个本机运行工具，涵盖HEX RGB HSL 颜色转换、CMYK 基础转换、WCAG 颜色对比检查等实际任务。选择工具即可查看输入字段、处理规则、示例和下载结果。
19 个工具
HEX RGB HSL 颜色转换
解析 HEX/RGB 并同时输出 RGB、HSL、HEX。
颜色与设计CMYK 基础转换
将 RGB/HEX 转为不含 ICC 色彩管理的 CMYK 百分比。
颜色与设计WCAG 颜色对比检查
按 sRGB 相对亮度计算对比度并检查普通/大字 AA 阈值。
颜色与设计随机颜色
使用安全随机数生成 RGB 颜色。
颜色与设计协调调色板
按同色相、互补、三等分和相近色相生成调色板。
颜色与设计渐变 CSS 生成
由两色与角度生成 linear-gradient。
颜色与设计Box Shadow 生成
按偏移、模糊、扩散及颜色生成盒阴影。
颜色与设计Text Shadow 生成
按偏移与模糊生成文字阴影。
颜色与设计Border Radius 生成
按四个角半径生成圆角 CSS。
颜色与设计CSS 滤镜生成
组合亮度、对比度、灰度和模糊参数。
颜色与设计透明度 Alpha 换算
把 0–1 不透明度换成百分比和 HEX Alpha。
颜色与设计颜色混合
按给定比例在 sRGB 通道中线性混合两色。
颜色与设计品牌色阶生成
将基础色分别与黑白混合，生成九级色阶。
颜色与设计Favicon 背景预览
生成带单字符字母的 SVG 图标，可下载。
颜色与设计互补色计算
HSL 色相旋转180度，保持饱和度与亮度。
颜色与设计颜色反相
对 RGB 通道使用 255 减原值。
颜色与设计相对亮度计算
按 WCAG sRGB 线性化公式计算 0–1 相对亮度。
颜色与设计RGB 颜色距离
计算两个 sRGB 颜色的欧氏距离，不代表感知色差。
颜色与设计色温 RGB 近似
用近似黑体色温公式生成 1000–40000 K 的显示 RGB。
颜色与设计