Skip to content

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

这是一款零依赖、纯前端的调色板生成工具,基于经典色彩理论,帮助你快速生成和谐、专业的配色方案,是设计师与前端开发者的效率利器。

🎯 核心功能

  • 多种配色模式:支持互补色、类似色、三角色、四角色等多种经典色彩搭配方案,满足不同设计需求。

  • 色阶变化:基于主色自动生成明度、饱和度递变的色阶系列,方便构建完整的 UI 色彩系统。

  • 实时预览:调整主色或切换配色模式,调色板即时更新,所见即所得。

  • 一键复制:点击即可复制任意颜色的 HEX、RGB、HSL 格式代码。

  • 导出 CSS 变量:将完整调色板一键导出为标准 CSS 自定义属性(--color-primary--color-100 等),开箱即用。

  • 导出 JSON:支持将配色数据导出为 JSON 格式,便于程序化处理或团队协作。

✨ 工具特点

  • 🔒 纯本地运行:所有计算均在浏览器中完成,无任何数据上传,保障隐私安全。

  • ⚡ 零依赖:基于原生 HTML/CSS/JavaScript 构建,无需安装任何依赖或配置环境。

  • 📱 响应式设计:界面适配桌面与移动设备,随时随地激发灵感。

  • 🌙 离线可用:下载后无需网络,永久使用。

📥 获取方式

  • 自动安装(推荐)

    • 安装「不忙脚本盒子」客户端;

    • 在脚本中心搜索「调色板生成器*」;

    • 点击一键安装,即可使用。

    通过盒子运行本工具,你将获得更佳的交互体验:

  • 支持快捷键与右键菜单快速启动;

  • 使用 Webview 内嵌打开,GUI 交互更流畅、更原生。

  • 手动运行

    • 下载源码,双击 index.html 即可在浏览器中直接使用。

调色板生成工具

About

调色板生成器 — 基于色彩理论生成和谐配色方案,支持互补色/类似色/三角色等多种模式,内置色阶变化和代码导出,纯 HTML 离线可用的色彩工具

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages