为什么颜色格式很重要
颜色表面上看起来很简单：你看到它，你挑选它，你使用它。但专业的设计工作经常遇到令人沮丧的问题 - 相同的颜色根据使用位置的不同而具有不同的表示形式，并且选择错误的格式会使您的工作流程变得比实际需要的更加困难。
十六进制：网络标准
十六进制颜色代码如#667eea是 Web 开发中最常见的格式。它们将红色、绿色和蓝色值 (0–255) 编码为连接成六个字符的字符串的两位十六进制数字。该格式紧凑、易于复制，并且受到 CSS、HTML 和设计工具的普遍支持。
当所有三对都是相同的数字时，可以缩短代码：#ffffff变成#fff。此简写适用于所有主要浏览器和预处理器。
RGB：透明度和程序控制
当您需要透明度或以编程方式计算颜色时，RGB（及其变体 RGBA）成为首选格式。RGBA(102, 126, 234, 0.5)给你的颜色 50% 的不透明度——不可能直接用十六进制表达（尽管十六进制确实支持 8 个字符的形式，比如#667eea80很少有开发人员知道）。
HSL：调色板生成器的秘密武器
HSL（色相、饱和度、明度）是最人类可读的颜色格式。色调是色轮上的一个角度 (0–360°)。饱和度是指颜色的鲜艳程度。亮度是指有多亮或多暗。
这使得调色板的创建变得非常简单。要为设计系统创建 10 种相同色调的色调：
- 保持 H 和 S 相同
- 将 L 设置为：10、20、30、40、50、60、70、80、90、95
- 您现在拥有完整的 10 级色阶
辅助功能：对比度
WCAG 2.1 AA 辅助功能标准要求正常尺寸文本的文本与其背景之间的对比度为 4.5:1，大文本的对比度为 3:1。在最终确定 UI 中的任何颜色组合之前，请测试对比度。失败的对比度是网页设计中最常见的可访问性违规之一。
| 标准 | 普通文本 | 大文本（18pt+） |
|---|---|---|
| WCAG AA | 4.5:1 | 3:1 |
| 世界建筑协会AAA级 | 7:1 | 4.5:1 |
为什么打印的颜色与屏幕上的颜色看起来不同？
屏幕使用 RGB（附加光）模型。打印机使用 CMYK（减色墨水）。打印时相同的十六进制颜色可能看起来明显不同。要获得打印准确的色彩作品，请在 Adobe Illustrator 或 InDesign 等专业工具中转换为 CMYK。
吸管工具实际上有什么作用？
吸管器使用浏览器的 EyeDropper API 从屏幕上的任何位置（而不仅仅是浏览器窗口）采样像素颜色。它读取任何像素的精确 RGB 值，并立即将其转换为所有三种格式。