📊 三大色彩模型
每种模型对应不同的物理/数学基础，适用于不同场景：
🔴 RGB（加色模型）
光的混合：红+绿+蓝=白。用于屏幕显示。每个通道0-255（8位），共1677万色(256³)。
R+G=Yellow, R+B=Magenta, G+B=Cyan
适用：网页、UI设计、数字媒体
🔵 CMYK（减色模型）
颜料混合：青+品+黄=黑（理论上）。用于印刷。K(黑)是额外的，因为颜料混合不是纯黑。
C+M=Blue, C+Y=Green, M+Y=Red
适用：印刷、包装设计、出版物
🟢 HSL（直觉模型）
人类最直觉的色彩表示：色相(角度)、饱和度(%)、亮度(%)。CSS原生支持。
h: 0-360° (色相环)
s: 0%(灰)-100%(纯)
l: 0%(黑)-100%(白)
适用：UI设计、配色方案生成、CSS
🎨 色轮与配色几何
色轮是牛顿在1666年发明的——他将白光通过棱镜分解为光谱，再将两端相连形成环形。现代色轮基于HSL模型的色相维度（0°-360°）。配色方案就是在色轮上的几何关系：
互补色 (180°)
色轮对面的两种颜色。对比最强，最醒目。注意：大面积互补色会"打架"——用一方为主，另一方点缀。
三角色 (120°)
色轮上等距三角的3种颜色。丰富而平衡。适合需要多种区分色的界面。
类似色 (30°)
色轮上相邻的2-5种颜色。和谐、统一。自然中最常见的配色（日落、秋叶）。
分裂互补 (150°+210°)
互补色的变体——不取对面，取对面两侧各30°。有对比但不如互补色激烈。
四角色 (90°)
色轮上等距矩形/正方形的4种颜色。最丰富的配色方案，但需要精心平衡。
单色 (同H不同S/L)
同一色相不同饱和度和亮度。最安全、最优雅的方案。Material Design的色板系统就是单色延伸。
🌡️ 色彩温度
色彩温度是真实的光学现象，不只是"感觉"：
暖色（红/橙/黄, 0°-60°, 300°-360°）：波长较长，视觉上"前进"——暖色物体看起来更近。这是为什么警告标志用红色：它在视觉上"跳出来"。
冷色（蓝/绿/紫, 120°-270°）：波长较短，视觉上"后退"——冷色背景让空间感更强。这是为什么UI背景常用蓝/灰色：它不抢注意力。
开尔文色温：烛光~1800K（极暖），日光~5500K（中性），阴天~6500K（偏冷），蓝天~10000K+（极冷）。显示器通常设为6500K（sRGB标准）。
🧮 RGB↔HSL 转换公式
R'=R/255, G'=G/255, B'=B/255
Cmax=max(R',G',B'), Cmin=min(R',G',B'), Δ=Cmax-Cmin
L=(Cmax+Cmin)/2
S = Δ/(1-|2L-1|) if Δ≠0, else 0
H = 60° × ((G'-B')/Δ % 6) if Cmax=R'
= 60° × ((B'-R')/Δ + 2) if Cmax=G'
= 60° × ((R'-G')/Δ + 4) if Cmax=B'
C=(1-|2L-1|)×S
X=C×(1-|H/60° mod 2 - 1|)
m=L-C/2
根据H所在区间确定(R₁,G₁,B₁)，最终(R,G,B)=(R₁+m,G₁+m,B₁+m)×255
🎮 交互式配色方案生成器
拖动滑块选择颜色，自动生成6种配色方案