常见问题 (FAQ)

这是一个免费、轻量化的在线调色板和颜色选择器工具，旨在帮助网页设计师和前端开发者快速选择、转换和获取网页颜色代码。

您有多种方式选取颜色：

• 点击选色: 直接用鼠标点击上方的240色颜色矩阵，或下方的灰度条。
• 直接输入: 在HEX, RGB, HSL输入框中，直接键入或粘贴您已知的颜色代码，然后按回车即可。

它们是CSS中定义颜色的三种不同方式：

• HEX (十六进制): 格式为 #RRGGBB。这是最经典、最通用的网页颜色代码，兼容性最好。
• RGB (红绿蓝): 格式为 rgb(255, 255, 255)。它更直观，并且在需要用JavaScript动态修改颜色时更方便。
• HSL (色相,饱和度,亮度): 格式为 hsl(360, 100%, 100%)。它的优点是调整颜色非常方便，例如，只需改变最后一个值（亮度）就可以获得同一颜色的不同深浅变体。

您可以根据您的具体需求和使用场景，复制任意一种格式的代码。

“专业模式”是为需要处理透明度 (Alpha) 的高级用户设计的。开启后，会出现一个Alpha滑块和输入框。

Alpha值决定了颜色的不透明度，1 代表完全不透明，0 代表完全透明。开启此模式后，您可以获得带透明通道的 RGBA 或 HSLA 颜色值，例如 rgba(255, 99, 71, 0.5)。

在“专业模式”下，您可以通过以下方式精确控制透明度：

• 滑块拖动: 拖动Alpha滑块进行大致范围的选择。
• 直接输入: 在滑块旁边的输入框中，可以直接输入小数 (如 0.75) 或百分比 (如 75%)。
• 键盘微调: 当焦点在Alpha输入框时，可以使用键盘的 ↑ 和 ↓ 方向键进行 0.01 步长的精确调整。

工具会自动保存您最近使用过的8种颜色（包括透明度）。

• 重用颜色: 直接点击历史记录中的颜色块，即可快速应用该颜色。
• 清除记录: 点击“历史记录”标题右侧的垃圾桶图标，可以一键清除所有记录。

在每个颜色输入框（HEX, RGB, HSL）的右侧都有一个复制图标 。点击它，即可将对应格式的颜色代码复制到剪贴板。复制成功后，图标会短暂变为一个绿色的对勾 作为提示。

对比度检查器是一个网页无障碍 (Accessibility) 设计辅助工具。它帮助您确保所选颜色与背景色之间有足够的对比度，从而让视力障碍用户也能清晰地阅读文本。

它会实时计算当前颜色（已混合透明度）在白、黑、灰三种背景下的对比度，并根据国际通用的 WCAG 2.1 标准给出评级：

• AAA (增强): 最高标准，可用于任何大小的文本。
• AA (主流): 主流标准，适用于大多数网站的正文文本。
• Fail (不通过): 对比度不足，应避免在正文中使用。

可以。本工具为专业用户提供了完整的键盘导航支持：

• Tab键: 在不同的功能区（色板、滑块、输入框等）之间跳转。
• 方向键 (↑↓←→): 在240色矩阵中移动选框。
• Home/End: 跳转到当前行的行首/行尾。
• PageUp/PageDown: 跳转到第一行/最后一行。
• 回车/空格: 确认选择当前高亮的颜色。
• 在Alpha输入框中，还可以使用 ↑/↓ 键微调透明度。