25 TOOLS · 4 SUBCATEGORIES
色彩格式互转、配色方案生成、对比度检测、渐变与阴影、CSS 片段生成。设计师和前端可以在这里快速试色并把结果直接粘进代码。
HEX、RGB、HSL、HSB、CMYK 互转与取色。
HEX/RGB/HSL/CMYK 与对比度一次看全
#ff7a17 转 rgb(255,122,23)
rgb(255,122,23) 转 #ff7a17
十六进制颜色转 HSL 表示
HSL 色值转十六进制
检查前景背景组合是否满足 AA/AAA
按权重混合两种颜色
#ff7a17 0.5 转 8 位 HEX 与 rgba
明暗阶梯、互补色、调色板与品牌配色生成。
以主色生成 7 级明暗阶梯
互补、三分、分裂互补、四角配色
输入品牌色生成 7 级色阶
一个主色生成 50-950 色阶
渐变、阴影、圆角、玻璃拟态等 CSS 片段。
多色渐变直接输出 CSS 代码
偏移、模糊、颜色透明度可调
毛玻璃卡片的背景与描边代码
1920×1080 转 16:9 并算等比尺寸
生成 border-radius 及常用档位
文字渐变背景裁剪代码
把一组颜色生成 :root 变量
按 4px 基准生成间距刻度
一套常用的层级取值约定
生成响应式 grid 代码
字号换算、行高、字重与响应式排版计算。
像素转 rem,支持自定义根字号
rem 换算成实际像素
按比例生成 1.25 倍的字号阶梯
OTHER CATEGORIES
大小写、去重排序、统计提取
Base64、URL、Unicode、进制
MD5、SHA、HMAC、校验和
JSON、正则、SQL、JWT
CSV/JSON/YAML/XML 互转
百分比、单位、财务、统计