色轮 — 在线颜色选择轮和互补色
使用这个互动 色轮 到 选择一种颜色， 寻找 互补色, 并探索 类似的, 三元的, 四元的， 和 分裂互补 计划。 这是一种快速匹配颜色、测试对比色并生成相得益彰的颜色组合的方法。
特征
- 交互的 颜色选择轮 (HSV) 具有平滑的拖动和精确的输入 (HEX/RGB/HSL)。
- 立即的 补色发生器 加上类似、三元、分裂互补、四元和单色选项。
- WCAG 对比提示，使用可读的 UI 文本和按钮 对比色。
- 调色板导出至 PNG, SVG， 或者 CSS 变量 用于快速交接。
- 响应式画布，保持完整 色环 在每个屏幕上都可见。
应用领域
品牌和用户界面： 构建与您的品牌个性相符的和谐调色板。使用 互补色轮 创建具有高影响力的 CTA，或者 三元色 平衡导航和图表颜色的方案。
插图与服装： 探索 类似的方案 以获得感觉自然的渐变。当您需要与服装搭配的颜色时，该工具可以提供帮助 寻找互补色 流行的外观（“适合的互补色”）。
内饰和油漆： 翻译一下 RGB色轮 到一个 油漆色轮 心态；从你的锚色开始并测试 相反的颜色 或静音 三级颜色 为了平衡。
可视化日期： 为图表选择具有足够对比度的调色板；一个 分裂互补 set 通常可以避免混乱，同时保留多样性。
它如何工作
- 选择颜色： 拖动滚轮或输入 HEX/RGB/HSL。
- 选择方案： 互补、类似、三元、分裂互补、四元或单色。
- 精炼值： 调整亮度（值）来控制明/暗。
- 检查对比度： 确保文本在浅色/深色背景上符合 WCAG。
- 出口： 下载 PNG/SVG 或复制 CSS 变量以进行开发交接。
提示：当您需要快速 颜色组合生成器，从 Single → Complementary → Triadic 开始比较情绪和可读性。
常问问题
色彩理论中的色轮是什么？
这 色彩理论轮 将色调排列成一个圆圈，以便您可以看到互补（相反）、相似（相邻）和三元（均匀分布）等关系。这是基础 色彩和谐 并选择搭配的颜色。
如何找到互补色？
选择基色；它是 互补色 直接坐在方向盘对面。使用应用程序的“互补”方案立即生成配对并评估对比度。
什么是原色、二次色和三次色？
原色是基色；混合它们会产生二次色，并将原色与相邻的二次色混合会产生二次色 三级颜色，形成经典的12色轮。
RGB 色轮与油漆色环？
这 RGB色轮 模拟屏幕的附加光；传统的 RYB 油漆轮是减色的。模型之间的补体对略有不同。
彩虹的颜色按顺序是什么？
红、橙、黄、绿、蓝、靛、紫——在构建 色谱轮 或教授色彩理论基础知识。
UI 中哪些颜色最适合搭配？
尝试 类似的 为了顺利和谐， 三元的 为了平衡对比度，或者 补充 用于强调（按钮、警报）。经常检查对比度。
术语表（色彩理论）
互补色： 色轮上的相反色调可最大化对比度（例如，蓝色↔橙色）。
类似： 相邻的色调创造出柔和的渐变和视觉凝聚力。
三元组： 三种颜色间隔 120°；生动而平衡。
四元： 两个互补对；丰富但需要小心平衡。
小学/中学/大学： 基本色调、它们的混合以及 12 色轮中的中间步骤。
色相/饱和度/值 (HSV)： 色轮上的角度、颜色强度和亮度。
辅助功能和对比度
使用对比提示确保文本可读。对于普通文本，目标是比率 ≥4.5:1;对于大文本， ≥3:1。 如有疑问，请选择较浅的背景和较暗的互补色，或增加亮度/值以获得更好的易读性。