设计与 CSS
生成 CSS 渐变、阴影、配色梯度并检查对比度——可直接复制的代码。
/
5 个工具代码转图片
在浏览器中将代码片段转换为精美的语法高亮 PNG 图片,无需上传任何内容。
颜色对比度检查器
检查前景色与背景色之间的 WCAG 对比度,并查看普通文字和大号文字是否通过 AA 与 AAA 级别。
色阶生成器
把一个基准 HEX 颜色变成 Tailwind 风格的 50-950 色阶,每一级都带色块和可复制的 HEX 值。
CSS 阴影生成器
通过偏移、模糊、扩展、颜色和 inset 控件构建多层 CSS box-shadow,并复制可直接使用的 box-shadow 属性。
CSS 渐变生成器
使用自定义色标和角度构建线性、径向或锥形 CSS 渐变,实时预览效果,并复制 background 规则。