设计色彩 · 8 个工具

设计色彩

颜色转换、配色、对比度与 CSS 生成器。8 个免费在线工具,全部在浏览器本地运行。

颜色格式转换免费在线颜色格式转换工具:输入 HEX 色值,立即换算成 RGB、HSL、HSV 与 CMYK 五种格式,带可视化取色器与实时预览。 对比度检测免费在线对比度检测工具:输入前景色与背景色,按 WCAG 2.1 标准计算对比度,判定 AA/AAA 是否达标,并给出真实文字预览。 配色方案生成器免费在线配色方案生成器:输入一个基色,自动生成互补、邻近、三角、分裂互补、四方与单色六种专业配色,点击色卡即可复制 HEX。 CSS 渐变生成器拖动色标、调角度,实时看到渐变效果,一键复制可直接粘贴的 CSS 代码。支持线性、径向、锥形三种渐变。 CSS 阴影生成器调偏移、模糊、扩散和透明度,实时看到投影效果,复制可直接使用的 box-shadow。内外阴影一键切换。 CSS 圆角生成器四角可分别设置、可一键联动,支持 px 与百分比,自动按 CSS 规则简写并实时预览。 玻璃拟态 CSS 生成器调节模糊、饱和度、不透明度、圆角与阴影,实时预览并复制可直接使用的 CSS。 色盲模拟原图与模拟图并排对比,支持红色盲、绿色盲、蓝色盲与全色盲,强度可调。

相关分类