Design
将XYZ颜色值转换为HEX用于屏幕显示
xyz-to-hex-converterDesign
将XYZ颜色值转换为HSL用于屏幕显示
xyz-to-hsl-converterDesign
将XYZ颜色值转换为LAB用于色彩管理
xyz-to-lab-converterDesign
将XYZ颜色值转换为RGB用于屏幕显示
xyz-to-rgb-converterDesign
将XYZ颜色值转换为HSV/HSB用于色彩操作
xyz-to-hsv-converterDesign
渲染公开网页，结合截图导出观察到的配色、字体、间距和组件样式。
website-design-style-extractorDesign
上传可变字体（TTF/OTF/WOFF/WOFF2），检视 fvar 轴与命名实例，浏览器内实时预览插值效果，并生成可直接复制的 font-variation-settings CSS、高级属性等价写法与可变 @font-face 声明。
variable-font-axis-instance-and-css-font-variation-settings-builderDesign
生成 CSS 变换属性
transform-generatorDesign
生成 CSS 文字阴影属性
text-shadow-generatorDesign
逐条命令行走 SVG 路径（M/L/H/V/C/S/Q/T/A/Z）——每段弧长、累计 stroke-dashoffset 距离、子路径包围盒、三次曲线控制柄矢量、圆弧 flag 求解、路径与 viewBox 对齐检查。
svg-path-data-cubic-quadratic-and-arc-command-length-walkerDesign
粘贴使用任意值的 Tailwind 类（w-[137px]、text-[#bada55]、grid-cols-[1fr_2fr]、[mask-type:luminance]），查看生成的 CSS、实时可视化预览、数据类型提示识别，以及每条转换的解释。适合调试 calc()、CSS 变量与超出设计令牌刻度的一次性取值。
tailwind-arbitrary-value-playgroundDesign
设计、预览并导出自托管转盘、刮刮卡或盲盒。支持本地演示与商家 API 结果，不托管发奖服务。
store-promotion-giveaway-widget-generator