色彩三属性

色彩三属性

色相回答偏红还是偏蓝；明度描述看起来偏明还是偏暗；鲜灰程度描述鲜艳还是灰浊。它们要分别记录，不能只写“颜色很重”。

本栏回应什么问题

Getty 的入门词汇区分 hue、value 和 intensity。本站分别用“色相、明暗、鲜灰程度”作观察提示；软件里的饱和度、色度和明度属于具体模型的参数，不当作完全相同的测量值。

适合：艺术学习者与展陈文字写作者

学习步骤

  1. CSS HSL 的 L 不能直接当作跨色相的视觉明度。W3C 用同为 L=50% 的蓝色与黄色说明两者看起来仍有明显明暗差别。写分析时同时记软件数值和实际观察，不凭相同数字声称等亮。
  2. 在同一画布并排放三块颜色，先按肉眼由明到暗排序，再看取色器。若软件数值与排序不同，记录所用模型、屏幕设置和背景；本练习练的是准确描述，不是给显示器校色。

常见误区

  • 把 HSL 数字当成肉眼感知的直接测量。
  • 将明暗与鲜灰混成“颜色很重”。

本栏学习卡片

相关指南

指南 更新于 2026-10-26

国产九色在线色相环跨零点怎样算间距

先确认比较的是同一色彩模型的色相角，再在圆环上比较两条弧。HSL的350°与10°跨过0°，短弧为20°，另一侧为340°；直接相减得到340，不能自动当作两者的最短角距离。色相角距离也不是人眼感知色差。

包含 5 个可复现步骤

阅读指南

常见问题

从哪里开始练习？

做 A/B 两版图：保持画布、背景、中央色块大小和位置不变，只将中央色块 HSL 饱和度从 80% 改为 20%。记录差异，不把自己的偏好当作标准答案。

阅读对应指南