ColRD

核心功能

• 配色方案库：收录数千种由设计师社区提交的色彩搭配组合，支持按色相、明度、饱和度筛选
• 调色板生成器：提供5色、10色、20色三种预设模板，可手动调整色值并锁定特定颜色
• 渐变编辑器：支持线性/径向渐变，可自定义角度、停止点位置，预览实时效果
• 图案资源：包含几何纹样、自然纹理、抽象图案等分类，所有图案均附带CSS代码

使用场景

操作流程

1. 快速获取配色：访问首页「Popular」标签，浏览实时更新的热门配色方案
2. 生成自定义调色板：

• 点击「Create」→ 选择「Palette」
• 拖动色环调整基准色
• 点击色块旁的锁形图标锁定颜色
• 点击「Generate」自动生成互补色

3. 导出资源：点击方案右下角「</>」图标，一键复制CSS代码或下载PNG预览图

技术特性

• 色值兼容：支持HEX、RGB、HSL、HSV四种格式的实时互转
• 无障碍设计：所有配色方案均标注WCAG 2.1 AA/AAA对比度等级
• 浏览器扩展：提供Chrome插件，可在任意网页直接拾取颜色并保存到账户
• API接口：开放RESTful API，支持批量获取配色数据（需注册开发者密钥）

内容生成建议

• 使用「Similar Colors」功能拓展单色系方案
• 通过「Color Harmony」模块快速生成三角、四方、类比等专业配色结构
• 在「Patterns」分类中搜索「grid」「stripes」「dots」等关键词获取基础纹理模板