ToolMochi

颜色设计

颜色格式、配色、对比度、渐变与阴影

颜色格式转换

在 HEX、RGB、HSL 和 HSV 之间转换颜色,支持取色器实时预览。

调色板生成器

基于一个主色生成明暗色阶、互补色、邻近色和三角配色,快速搭建完整配色方案。

对比度检测

检查前景色与背景色的对比度,并按 WCAG AA / AAA 标准判断普通文本和大字号是否达标。

渐变生成器

可视化生成线性或径向 CSS 渐变,调整颜色、角度和位置,一键复制 CSS 代码。

阴影生成器

可视化调整偏移、模糊、扩散、颜色和透明度,生成 CSS box-shadow 代码。