正在加载文章...
分享这篇文章
继续阅读
很多界面的问题不是组件不会写，而是颜色缺少层级。开发者常用 bg-blue-500 做主按钮，用 text-red-600 做错误提示，这能工作，但很容易让界面像默认模板。想让 UI 更稳，需要先定义中性色、行动色和语义色。
HSL 比 HEX 更适合做系统化调整。它把颜色拆成色相 (Hue)、饱和度 (Saturation) 和亮度 (Lightness)。
颜色要服务信息层级。先用中性色建立秩序，再用少量行动色指引操作，最后用语义色表达状态。HSL 能让这些调整更可控。