色轮配色工具 - 智能配色方案在线生成器
色轮配色工具基于色彩理论，通过色轮自动推导出多种经典配色方案。选择一个基础颜色后，工具会自动计算互补色、类似色、三角色、分裂互补色等和谐搭配，帮助设计师和开发者快速找到理想的配色组合。
下面介绍色轮配色的原理、使用方法以及常见问题，帮助你掌握配色技巧。
色轮配色原理
色轮（Color Wheel）是将颜色按色相排列成圆环的工具，是配色理论的基础。色轮由12种基本颜色组成：3种原色（红、黄、蓝）、3种二次色（橙、绿、紫）和6种三次色。基于色轮的角度关系，可以推导出多种经典配色方案。
互补色是色轮上相对的两种颜色（间隔180度），对比强烈；类似色是相邻的颜色（间隔30度），搭配和谐；三角色是等距三种颜色（间隔120度），丰富均衡；分裂互补色是一种颜色及其互补色两侧的颜色，兼顾对比与和谐。
核心功能
多种配色模式
互补色、类似色、三角色、分裂互补色
实时预览
选择颜色后即时显示配色方案
色值复制
点击颜色即可复制 HEX 值
明度饱和度调节
微调配色方案的明度和饱和度
多格式输出
同时显示 HEX、RGB、HSL 格式
一键导出
导出配色方案用于设计项目
使用教程
- 在色轮上选择一个基础颜色，或直接输入 HEX 值。
- 选择配色模式：互补色（对比强烈）、类似色（和谐柔和）、三角色（丰富均衡）等。
- 查看生成的配色方案，点击各颜色可复制色值。
- 调整明度和饱和度微调配色，找到最满意的组合。
适用场景
- UI 配色 - 为界面设计选择和谐的颜色组合
- 品牌配色 - 确定品牌的标准色和辅助色
- PPT 配色 - 为演示文稿选择协调的配色方案
- 学习配色 - 理解色轮理论和配色原则
HSL 色彩模型
本工具的配色计算基于 HSL 色彩模型（色相 Hue、饱和度 Saturation、明度 Lightness）。色相用0-360度的角度表示，对应色轮上的位置。互补色只需将色相加180度，三角色加120度，类似色加30度，即可通过简单的数学运算得出和谐的配色方案。
HSL 模型相比 RGB 模型更直观，因为它将色相、饱和度和明度分离，调整其中一个维度不会影响其他维度。这使得配色方案的推导和微调变得简单可控。
常见问题
互补色和类似色有什么区别？
互补色是色轮上相对的两种颜色，对比强烈，适合需要视觉冲击力的设计；类似色是相邻的颜色，搭配和谐，适合温和舒适的视觉体验。
配色方案可以直接用在项目中吗？
可以，点击颜色即可复制 HEX 值，直接用于 CSS 或设计软件。建议在实际使用前测试配色在不同背景下的效果。
支持导出配色方案吗？
支持，可以一键复制所有颜色的色值列表，也可以导出为 CSS 变量格式直接用于项目。
什么是60-30-10配色法则？
这是室内设计和UI设计常用的配色比例法则：60%使用主色调，30%使用辅助色，10%使用强调色。本工具生成的配色方案可以按此比例应用。
如何选择合适的基础颜色？
可以从品牌Logo、产品主题或个人偏好出发选择基础颜色。也可以从自然风景、艺术作品中提取灵感颜色作为起点。
配色方案支持无障碍访问吗？
工具会显示颜色的对比度信息，帮助你选择符合 WCAG 标准的配色组合。建议前景色与背景色的对比度至少达到 4.5:1。