颜色设计工具

在线使用 CodeCrate 的颜色设计工具，快速完成开发中的常见任务。

• 颜色选择器

  HEX/RGB/HSL/HSV/CMYK 互转，色盘可视化

• CSS 渐变生成器

  可视化生成 CSS 渐变代码

• 配色方案生成

  输入主色生成类比/互补/三角配色方案

• WCAG 对比度

  前景/背景色对比度检测，AA/AAA 级别判定

• 色盲模拟

  模拟 8 种色觉缺陷显示效果

• Tailwind 色板

  完整 Tailwind v3/v4 色板，点击复制

• Box Shadow 生成

  可视化调整 box-shadow，预览并复制 CSS

• 色彩空间换算

  RGB/HSL/HSV/HEX/CMYK全量互转，实时预览

• CSS clip-path生成

  可视化编辑多边形/圆形/椭圆，实时预览

• Flexbox生成器

  可视化配置flexbox属性，实时预览

• CSS Grid 生成器

  可视化grid-template，拖拽布局，复制CSS

• 图标搜索

  Lucide/Heroicons/Tabler图标搜索，一键复制

• CSS 动画生成

  可视化配置@keyframes/transition，实时预览

• 字体搭配

  Google Fonts搜索+搭配预览，复制HTML/CSS

软件许可