🎨

颜色选择器

免费在线颜色选择器。从调色板选择颜色并获取HEX、RGB、HSL、CMYK值。支持颜色提取和转换。

HEX
RGB
HSL

嵌入此工具

× px

ℹ️ 关于 Color Picker

高级拾色器,支持HEX、RGB和HSL格式。创建调色板,检查对比度,复制颜色代码用于网页和设计。

💡 使用场景

为网站选择配色方案
从图片中提取颜色
检查文本对比度可访问性
创建品牌调色板
转换设计稿中的颜色格式

📋 使用方法

1

使用色轮选择颜色

2

调整亮度和饱和度

3

查看HEX、RGB和HSL值

4

复制颜色代码使用

💎 专业提示

  • 使用对比度检查器确保可读性
  • 保存调色板以便日后使用
  • 不同格式适用于不同场景

常见问题解答

HEX使用十六进制表示颜色(如#FF0000代表红色),RGB使用红绿蓝数值(如rgb(255,0,0)),HSL使用色相、饱和度、亮度。

对比度检查器会显示两种颜色之间的对比度比值,帮助确保文本可读性符合WCAG无障碍标准。

直接复制HEX、RGB或HSL代码粘贴到CSS中即可。例如:color: #FF5733; 或 color: rgb(255,87,51);

🔥 热门工具

没有更多工具
探索所有工具