页头广告招租
×
📱 手机扫码访问
用手机浏览器或微信扫一扫,即可在手机上访问当前页面
手机扫码访问
扫描后可直接在手机上使用该工具
×
📱 微信扫一扫分享
打开微信"扫一扫",即可分享至好友或朋友圈
微信扫码分享
手机QQ也可扫描此二维码分享至QQ好友或QQ空间

🎨 配色方案生成器

专业配色工具,全程本地运行,无需联网

⚡ 纯前端实现
🎯 配色 harmony 生成
互补色 邻近色 三角色 分裂互补 四角色 单色

配色 harmony 预览

点击上方颜色可快速复制

智能配色生成
💾 已保存的色板

暂无保存的色板,点击上方按钮生成并保存

🔄 颜色格式转换器
👁 对比度检测
🎨 渐变色生成器
点击生成渐变色
🌈 预设色板
📝 使用说明

🎨 配色方案生成器使用说明


【功能概览】


本工具全程本地运行,无需联网,所有数据保存在浏览器本地存储中,刷新页面不丢失。


【四大模块】



  1. 🎯 配色 harmony — 输入任意颜色,一键生成互补色、邻近色、三角色、分裂互补、四角色、单色等6种 harmony 配色方案,实时预览效果。

  2. ✨ 智能生成 — 随机生成美观的配色方案,支持保存到本地,随时调用。

  3. 🔄 颜色转换 — HEX/RGB/HSL/CMYK/HSV 五种格式互转,支持 WCAG 对比度检测,确保文字可读性。

  4. 🎨 色板工具 — 渐变色生成器(线性/径向),6套预设色板(日落、海洋、森林、霓虹、莫兰迪、工具配色)。


【使用方法】



  1. 点击色块选择颜色,或直接在输入框输入 HEX 值(如 #730BDF)。

  2. 点击颜色卡片即可复制该颜色的 HEX 值。

  3. 智能生成模块生成的配色可点击「保存」存入本地。

  4. 对比度检测输入背景和文字颜色,自动判断 WCAG 合规等级。


【配色参考】


工具采用高明度撞色设计:金色 #F7C101、紫色 #730BDF、绿色 #07AF4E,白色背景。

📌 广告位
暂无广告内容
页尾广告招租