color-palette
✓從單一品牌六角形生成完整、可訪問的調色板。創建 11 色階 (50-950)、語義標記（背景、前景、卡片、靜音）和深色模式變體。包括用於文本可訪問性的 WCAG 對比度檢查。 使用場合：設置設計系統、創建 Tailwind 主題、從單個十六進制構建品牌顏色、將設計轉換為代碼、檢查顏色可訪問性。
SKILL.md
Status: Production Ready ✅ Last Updated: 2026-01-14 Standard: Tailwind v4 @theme syntax
Use the reference files to generate shades, map semantics, and check contrast.
| 50 | 97% | Subtle backgrounds | | 100 | 94% | Hover states | | 200 | 87% | Borders, dividers | | 300 | 75% | Disabled states | | 400 | 62% | Placeholder text | | 500 | 48% | Brand color | | 600 | 40% | Primary actions | | 700 | 33% | Hover on primary | | 800 | 27% | Active states | | 900 | 20% | Text on light bg | | 950 | 10% | Darkest accents |
從單一品牌六角形生成完整、可訪問的調色板。創建 11 色階 (50-950)、語義標記（背景、前景、卡片、靜音）和深色模式變體。包括用於文本可訪問性的 WCAG 對比度檢查。 使用場合：設置設計系統、創建 Tailwind 主題、從單個十六進制構建品牌顏色、將設計轉換為代碼、檢查顏色可訪問性。 來源：jezweb/claude-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/jezweb/claude-skills --skill color-palette- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 color-palette？
從單一品牌六角形生成完整、可訪問的調色板。創建 11 色階 (50-950)、語義標記（背景、前景、卡片、靜音）和深色模式變體。包括用於文本可訪問性的 WCAG 對比度檢查。 使用場合：設置設計系統、創建 Tailwind 主題、從單個十六進制構建品牌顏色、將設計轉換為代碼、檢查顏色可訪問性。 來源：jezweb/claude-skills。
如何安裝 color-palette？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/jezweb/claude-skills --skill color-palette 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/jezweb/claude-skills
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01