🎨设计工具

调色板生成、CSS渐变色、颜色转换、无障碍对比度检测、字体预览…… 为设计师和前端开发者打造的创意工具箱。

共 5 款工具

⭐ 热门推荐

最受设计师欢迎的创意工具

🎨

调色板生成

生成互补、近似、三色系等专业配色方案，帮助快速建立色彩体系，提升设计效率。

立即使用 →
🌈

CSS渐变色生成器

实时预览线性/径向渐变，自动生成CSS代码，支持多色停靠点，轻松创建炫酷背景。

立即使用 →
🔄

颜色转换

HEX、RGB、HSL、HSV 多种格式自由互转，色值精准对应，设计开发无缝衔接。

立即使用 →

🛠️ 全部设计工具 5款

🎨 调色板生成 互补/近似/三色系配色 热门 🌈 CSS渐变色生成器 实时预览渐变代码 热门 🔄 颜色转换 HEX/RGB/HSL/HSV互转 热门 👁️ 对比度检测 WCAG无障碍检测（AA/AAA） 🔤 字体预览 字体预览与PX/REM互转

💡 关于设计工具

  • 所有工具均在浏览器本地运行，不会上传任何数据，保护你的设计隐私。
  • 调色板生成 基于色彩理论，一键生成和谐配色方案。
  • CSS渐变色生成器 所见即所得，轻松生成跨浏览器兼容的渐变代码。
  • 颜色转换 支持 HEX、RGB、HSL、HSV 双向转换，精度高。
  • 对比度检测 符合 WCAG 2.1 标准，帮助实现无障碍设计。
  • 字体预览 可实时调整字号，并自动换算 PX 与 REM。
  • 更多工具持续开发中，如果你有好的建议，欢迎通过 联系我们 反馈。
💡 提示： 所有工具即开即用，无需下载安装，适合UI设计、前端开发、品牌设计等场景。