Design
将XYZ颜色值转换为HSV/HSB用于色彩操作
xyz-to-hsv-converterDesign
将XYZ颜色值转换为HSL用于屏幕显示
xyz-to-hsl-converterDesign
并排预览 标题 + 正文 的 Google 字体配对，调节字重与行高，复制即可粘贴的 CSS @import + 变量代码。精选 22 款字体及 7 组经典搭配预设。
webfont-pairing-labDesign
粘贴使用任意值的 Tailwind 类（w-[137px]、text-[#bada55]、grid-cols-[1fr_2fr]、[mask-type:luminance]），查看生成的 CSS、实时可视化预览、数据类型提示识别，以及每条转换的解释。适合调试 calc()、CSS 变量与超出设计令牌刻度的一次性取值。
tailwind-arbitrary-value-playgroundDesign
使用 Sharp 分析 WebP/VP8 图像，生成灰度位移图，并用 Three.js 渲染可旋转的 3D 浮雕表面
vp8-image-analyzerDesign
生成 CSS 变换属性
transform-generatorDesign
从图片中解码二维码并提取包含的文本或网址
qr-code-decoderDesign
从网址或文本生成二维码，支持自定义大小和颜色
qr-code-generatorDesign
将RGB颜色值转换为HEX格式用于网页设计
rgb-to-hex-converterDesign
将RGB颜色值转换为HSL用于屏幕显示
rgb-to-hsl-converterDesign
将RGB颜色值转换为HSV/HSB用于色彩操作
rgb-to-hsv-converterDesign
使用 CSS Color 4 算法在 HEX、RGB、HSL、OKLCH、Display-P3 之间双向转换，提供感知亮度/彩度/色相读数、sRGB 与 Display-P3 色域检查及超域裁剪建议
oklch-color-converter