浏览运行中的工具目录 - 设计与颜色

粘贴使用任意值的 Tailwind 类（w-[137px]、text-[#bada55]、grid-cols-[1fr_2fr]、[mask-type:luminance]），查看生成的 CSS、实时可视化预览、数据类型提示识别，以及每条转换的解释。适合调试 calc()、CSS 变量与超出设计令牌刻度的一次性取值。

从单色底色求解接近目标十六进制颜色的 CSS filter 组合

从图片中用 k-means 聚类提取主色，导出为 CSS 变量 / SCSS 变量 / Tailwind 配置 / JSON 设计令牌，并自动为每个颜色生成命名色阶

可视化 CSS cubic-bezier 缓动曲线，在位置/透明度/缩放上实时预览，选择预设并导出可复制的 CSS

输入最小/最大视口与字号边界，输出 clamp() 表达式、可复制 CSS 与实时预览数据

从普通照片生成红青3D立体图。创建可使用红青3D眼镜观看的立体3D图像。

从图像生成深度图，使用亮度、饱和度和边缘分析。生成灰度深度图，较亮像素表示较近物体，较暗像素表示较远物体。

从图像生成视差动画。创建基于深度的动画，不同层以不同速度移动，产生3D效果。

从文字生成3D立体图（魔眼图）- 创建隐藏的3D文字，正确观看时即可显现

生成晃动立体图GIF，通过快速交替左右视角创建3D效果。无需3D眼镜！

从任何图片中提取精美的调色板，非常适合设计师从照片中寻找色彩灵感

通过指定坐标从图片中选取颜色。获取 HEX、RGB、HSL、HSV 和 CMYK 格式的颜色值。