不懂色相、明度、饱和度也能配出高级感？本文讲解 60-30-10 法则、互补与邻近配色、对比度与可访问性，以及取色与生成渐变色的实用方法。
用 HSL 思考比 RGB 更直观：色相（H）决定颜色种类，饱和度（S）决定鲜艳度，明度（L）决定明暗。调配色时，通常固定色相、微调 S/L，就能得到同一色系的深浅层次。
一个耐看的界面/海报往往遵循：60% 主色（背景/大面积）、30% 辅色（卡片/区块）、10% 强调色（按钮/重点）。强调色与主色形成对比，视觉焦点自然浮现。
文字与背景要有足够对比度（正文建议达到 WCAG AA 的 4.5:1）。避免在繁忙背景上直接放浅色文字；必要时加半透明底或描边。色盲友好：不要只靠颜色传达信息。
用 配色网 可以取色、生成渐变、检查对比度、探索配色方案；做背景可上 背景图 生成纹理，做封面用 封面图 直接套用配色模板，快速产出协调的视觉。
一般 3–5 个主色足够，配合中性色（黑白灰）使用，颜色过多反而显乱。
相邻色相 + 控制明度过渡最耐看，避免高饱和互补色直接对撞，可用工具生成平滑渐变。
用对比度检查工具，正文与背景建议 ≥ 4.5:1，大字号可放宽到 3:1。
You don't need to master hue/saturation/lightness to get tasteful palettes. Learn the 60-30-10 rule, complementary/analogous harmony, contrast/accessibility, and quick ways to sample colors and gradients.
HSL is intuitive: Hue is the color family, Saturation the intensity, Lightness the brightness. Keep hue and nudge S/L to build tints and shades of one color.
Look at any balanced UI or poster: about 60% dominant (background), 30% secondary (cards/sections), 10% accent (buttons/highlights). A contrasty accent naturally draws the eye.
Text needs enough contrast (aim for WCAG AA 4.5:1 for body). Avoid light text on busy backgrounds; add a scrim or outline when needed. Be colorblind-safe: don't rely on color alone.
Use Color Palette to pick colors, build gradients, check contrast and explore schemes; generate textures with Background Maker; apply ready palettes in Cover Maker for harmonious visuals.
Usually 3–5 main colors plus neutrals; more tends to look messy.
Adjacent hues with smooth lightness transitions beat clashing high-saturation complements.
Check with a contrast tool — body text ≥ 4.5:1, large text can drop to 3:1.
