使用方法

1选择或粘贴颜色. 点击大色块打开浏览器颜色选择器，或在 HEX 输入框中粘贴 3、4、6 或 8 位十六进制颜色值。

2调整颜色通道. 使用 RGB 滑块调整红色、绿色、蓝色和透明度；需要更适合设计的控制时，可编辑色相、饱和度和亮度。

3复制需要的格式. 一键复制 HEX、HEX8、RGB、HSL、HSV 或 CMYK。预览和所有输出都会实时更新。

适用人群

前端开发者在构建界面时复制可直接用于 CSS 的 HEX、RGB 和 HSL 数值。

设计师按通道微调品牌色，而不是在图形软件里凭感觉试色。

营销团队在邮件编辑器、文档和社交素材之间统一活动配色。

学生和创作者了解 RGB、HSL、HSV 和 CMYK 如何描述同一种颜色。

这个颜色选择器先提供直观色块，再把精确数值放在旁边。可以粘贴 #3366cc 这样的 CSS 十六进制颜色，微调红色、绿色、蓝色和透明度通道，也可以调整色相、饱和度和亮度，用于设计系统配色。颜色值不会上传 - 转换都在本地 JavaScript 中完成。

常见问题

这个颜色选择器免费吗？

免费。这个颜色选择器不需要注册，也没有使用次数限制。打开页面，选择颜色，然后复制需要的格式即可。

我的颜色会上传到哪里吗？

不会。取色和转换都在浏览器中用普通 JavaScript 运行，所选颜色不会发送到服务器。

可以复制哪些颜色格式？

可以复制 HEX、带透明度的 8 位 HEX、RGB 或 RGBA、HSL 或 HSLA、HSV 和 CMYK。编辑时，这些格式会保持同步。

可以粘贴十六进制颜色吗？

可以。支持带或不带 # 符号的 3 位、4 位、6 位或 8 位 CSS 十六进制颜色值。简写值会按正常 CSS 规则展开。

HEX8 是什么？

HEX8 是 8 位十六进制颜色，最后一组两位表示透明度。例如 #3366cc80 表示同一种蓝色，大约 50% 不透明度。

CSS 中应该用 RGB 还是 HSL？

需要精确通道值或用 rgba() 设置透明度时，用 RGB。想通过改变饱和度和亮度生成浅色、深色或相关界面状态时，用 HSL。

免费颜色选择器

什么是颜色选择器？