设计与 CSS

在浏览器中将代码片段转换为语法高亮图片，支持 20 多种语言、自定义主题与背景、行号，以及 PNG 或 SVG 导出。

检查文字色与背景色的 WCAG 2.1 对比度和 APCA Lc 分数，查看 AA、AAA 与 3:1 标识，并一键应用最接近的合格颜色。

按指定比例在 RGB 或 Lab 色彩空间中混合两个 HEX 颜色，并以色块和可复制的 HEX 值显示得到的中间色。

把一个基准 HEX 颜色转换为 OKLCH、HSL 或 RGB 色阶，级数可调，带逐级 WCAG 对比度提示，并支持导出 CSS、Tailwind 和 JSON。

上传一张图片并预览红色盲、绿色盲、蓝色盲或全色盲下的效果，然后下载模拟结果。

调整全部八个 border-radius 圆角数值（含椭圆的水平和垂直半径），实时预览方框并复制简写 CSS。

通过偏移、模糊、扩展、颜色和 inset 控件构建多层 CSS box-shadow，并复制可直接使用的 box-shadow 属性。

将最小与最大字号以及最小与最大视口宽度转换为一行无需断点的 CSS clamp() 流式排版表达式。

通过圆形、椭圆、多边形、内嵌或圆角内嵌预设和数字输入框生成 CSS clip-path，实时预览并复制可直接使用的属性。

拖动手柄编辑 CSS cubic-bezier 或 steps() 缓动，用实时动画预览并与预设曲线对比，然后复制结果。

可视化构建 CSS Flexbox 或 Grid：容器与逐项控制、自定义轨道尺寸和 grid-template-areas 编辑器，然后复制生成的 CSS。

通过模糊、透明度、饱和度、边框和阴影控件以及色调颜色生成毛玻璃效果 CSS，在背景上实时预览，并复制基于 backdrop-filter 的 CSS。