文本与前端
返回Skills 列表
颜色格式互转 Skill
颜色值一转三:hex、rgb、hsl 互相转换一次给齐,附带相对亮度提示该配深字还是浅字,做同色系深浅只动 L 值不再凭感觉。
📁 颜色格式互转 Skill /
SKILL.md0.8 KB
scripts
color_convert.js4.3 KB
references
color-notes.md0.5 KB
所有文件均为纯文本展示,仅提供查看与打包下载,不在服务器上执行。
SKILL.md
---
name: color-format-convert
description: 颜色值一转三:hex、rgb、hsl 互相转换一次给齐,附带相对亮度提示该配深字还是浅字,做同色系深浅只动 L 值不再凭感觉。
---
# 颜色格式互转 Skill
## 触发条件
设计稿标色要转 CSS 格式、做同色系深浅需要 HSL、或拿到一个 rgb 值想看 hex 时触发。
## 执行步骤
1. 运行 node scripts/color_convert.js "#3498db",三种格式一次转齐。
2. 要调深浅:拿 HSL 值只改 L(明度),±10 一档。
3. 判断配字颜色看相对亮度行:>0.5 配深字,否则配浅字。
4. 结果写入 colors.md,正式无障碍判定再走对比度工具。
## 依赖
Node.js 14+,零依赖;无输入文件。
## 输出
一份 colors.md:HEX/RGB/HSL 三格式表、相对亮度与配字建议、调色提醒。
纯文本预览
全站累计复制 0 次
使用说明
node scripts/color_convert.js "#3498db";支持 rgb() 与 hsl() 输入。
每个 IP 仅可点赞一次 · 点赞后不可取消

暂无评论,来发表第一条评论吧!