palette颜色选择器
HEX#00FFFF
RGBrgb(0, 255, 255)
HSLhsl(180, 100%, 50%)
ℹ️ 帮助

颜色选择器是一个免费的在线工具,可以轻松生成网页设计和图形工作所需的颜色代码。 您可以复制 HEX、RGB 和 HSL 格式的颜色代码,并使用吸管功能直接从屏幕上的任何位置提取颜色。

调整色相、饱和度和亮度滑块以精确选择所需的颜色,并保存常用颜色以便稍后调用。当您需要用于网站设计、徽标创建、演示文稿、CSS 样式和其他各种任务的颜色代码时非常有用。

使用说明

颜色选择器与转换工具

颜色选择器是设计师、开发人员和数字艺术家的多功能色彩实用工具。它有助于在直观且响应迅速的单一界面中进行多种数字格式颜色的选择、分析和转换。HEX、RGB 和 HSL 之间的无缝同步弥合了设计与实现(CSS/代码)之间的差距。

颜色模型解释

  • HEX(十六进制): Web Design中最常见的格式(例如 #FF5733)。一个 3 字节的十六进制代码,代表红色、绿色和蓝色的强度。
  • RGB(红、绿、蓝): 数字屏幕使用的加色模型。每个通道范围为 0-255。如果包含透明度,则称为 RGBA。
  • HSL(色相、饱和度、亮度): 对人类来说更直观的表示。色相是色轮上的角度(0-360),饱和度是强度(0-100%),亮度是明暗(0-100%)。非常适合以编程方式创建颜色变体(如悬停效果)。

以功能为重点的工作流程

  • 吸管(Eye Dropper):(如果在基于 Chromium 的浏览器上支持)允许您从屏幕上的任何像素采样颜色。这可以在浏览器外部甚至其他应用程序中工作。
  • 实时转换: 移动滑块,所有文本输入(HEX, RGB, HSL)都会立即更新。反之亦然,粘贴 HEX 代码,滑块会跳至该位置。
  • 历史记录: 自动存储最近使用的颜色,便于快速恢复之前的选择。
grid_view
13:47
2025-12-28