颜色选择器

HEX
#D97706
RGB
rgb(217, 119, 6)
HSL
hsl(32, 95%, 44%)
颜色历史 / Color History

什么是颜色选择器?

颜色选择器是设计师和开发者的必备工具,帮助您快速选择、预览和转换颜色格式。我们的颜色选择器支持 HEX、RGB、HSL、CMYK 等多种格式,提供直观的色轮和滑块界面,实时预览颜色效果。所有处理都在浏览器本地完成。适合网页设计、UI 开发、图形设计、CSS 样式编写。支持吸管工具从屏幕取色,生成配色方案。

使用场景

  • 网页设计和 UI 开发
  • 选择 CSS 颜色值
  • 生成配色方案
  • 从图片提取颜色
  • 调试颜色显示问题

如何使用?

  1. 1使用色轮或滑块选择颜色
  2. 2实时预览颜色效果
  3. 3查看 HEX、RGB、HSL 等格式
  4. 4点击复制按钮获取颜色值

功能特点

  • 免费使用
  • 无需注册
  • 多种颜色格式
  • 实时预览
  • 吸管工具
  • 一键复制
  • 配色方案生成
  • 响应式设计

常见问题

支持哪些颜色格式?

支持 HEX(#FF5733)、RGB(rgb(255, 87, 51))、HSL(hsl(11, 100%, 60%))、CMYK、RGBA(带透明度)等主流格式。

吸管工具如何使用?

点击吸管图标,然后在屏幕上任意位置点击即可取色。注意:吸管工具需要浏览器支持 EyeDropper API(Chrome、Edge 支持,Firefox/Safari 暂不支持)。

HEX 和 RGB 有什么区别?

HEX 是十六进制表示(#RRGGBB),常用于 CSS 和网页设计。RGB 是红绿蓝三通道值(0-255),更直观。两者可以互相转换,表示相同的颜色。

可以生成配色方案吗?

可以。工具提供互补色、类似色、三角色等配色方案生成器,帮助您找到和谐的颜色组合。

颜色值会自动复制吗?

不会自动复制,但点击颜色值旁边的复制按钮可以一键复制到剪贴板,方便快捷。

可以在手机上使用吗?

可以。响应式设计确保在手机和平板上也能正常使用颜色选择器。