使用色彩理论算法创建和管理调色板,适用于UI设计或品牌色彩系统构建。
调色板 — 彩色调色板生成和管理工具是一项面向实际任务的技能,主要用于使用色彩理论( 补充、 类似、 三进制) 生成和谐色调, 创建随机调色板, 预览术语中的颜色。它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。
实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。
执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。
基于色彩理论(互补色、类比色、三元色)生成和谐的配色方案,支持随机配色生成、终端内实时预览颜色效果、导出为 CSS/JSON/SVG 等格式,并可管理本地保存的配色库。专为设计师、前端开发者及所有从事色彩系统工作的用户打造。
bash shell所有配色数据以换行分隔的 JSON(JSONL)格式保存在 ~/.palette/data.jsonl 中。每条记录包含配色名称、颜色列表(十六进制值)、色彩理论类型及元数据。
配置文件保存在 ~/.palette/config.json 中。
create根据一组十六进制颜色值创建一个具名配色方案。
PALETTE_NAME="ocean-breeze" PALETTE_COLORS="#0077B6,#00B4D8,#90E0EF,#CAF0F8,#023E8A" bash scripts/script.sh create
random生成指定数量的颜色随机配色方案(默认:5 种)。可选地按色相范围或饱和度进行约束。
PALETTE_COUNT=5 PALETTE_HUE_MIN=180 PALETTE_HUE_MAX=270 bash scripts/script.sh random
complementary基于基准色生成互补色配色方案。返回基准色及其互补色,可选生成明暗变化色阶。
PALETTE_BASE="#FF6B35" PALETTE_SHADES=3 bash scripts/script.sh complementary
analogous基于基准色生成类比色配色方案。返回色轮上相邻(±30°)的颜色。
PALETTE_BASE="#2EC4B6" PALETTE_COUNT=5 bash scripts/script.sh analogous
triadic基于基准色生成三元色配色方案。返回色轮上等距分布(120° 间隔)的三种颜色。
PALETTE_BASE="#E71D36" PALETTE_SHADES=2 bash scripts/script.sh triadic
export将配色方案导出为多种格式:CSS 自定义属性、JSON、SVG 色块、Tailwind 配置或 SCSS 变量。
PALETTE_ID=PALETTE_FORMAT=css PALETTE_OUTPUT=./colors.css bash scripts/script.sh export
preview在终端中使用 ANSI 彩色方块预览配色方案。同时显示十六进制值、RGB 值、HSL 值及对应色块。
PALETTE_ID=bash scripts/script.sh preview
list列出所有已保存的配色方案,含名称、颜色数量与创建时间。
bash scripts/script.sh list
save为最近一次生成的配色方案添加名称并保存(书签),支持附加标签以便分类管理。
PALETTE_NAME="sunset-vibes" PALETTE_TAGS="warm,sunset,gradient" bash scripts/script.sh save
config查看或更新配置项(如默认颜色数量、首选导出格式、终端色彩模式等)。
PALETTE_KEY=default_count PALETTE_VALUE=7 bash scripts/script.sh config
help显示使用说明及全部可用命令。
bash scripts/script.sh help
version显示当前 palette 技能的版本号。
bash scripts/script.sh version
# 基于品牌主色生成三元色配色方案 PALETTE_BASE="#6C63FF" bash scripts/script.sh triadic # 为其命名并保存 PALETTE_NAME="brand-triadic" bash scripts/script.sh save # 在终端中预览该配色 PALETTE_ID=bash scripts/script.sh preview # 导出为 CSS 自定义属性 PALETTE_ID= PALETTE_FORMAT=css PALETTE_OUTPUT=./brand-colors.css bash scripts/script.sh export
由 BytesAgain 提供支持 | bytesagain.com | hello@bytesagain.com
相关专题
热门下载
相关下载
精品课程
共6课时 | 54.7万人学习
共89课时 | 134.1万人学习
共49课时 | 82.6万人学习
最新文章