跳转到正文
patrache.tools

颜色选择器

选择颜色并复制HEX、RGB、HSL值。

HEX#2563EB
RGB
HSL
OKLCH
R
G
B
调色板
lock文件不会上传到服务器
分享
嵌入

将此工具嵌入你的网站

颜色选择器是一款免费在线工具,支持HEX、RGB和HSL等多种颜色格式。 完全在浏览器中运行,不会发送数据到服务器。 适用于网页设计、图形工作和演示文稿中需要精确颜色代码的场景。 颜色选择器在网页设计、品牌设计和UI制作中精确处理颜色时非常实用。 无需安装或登录,在电脑和手机的浏览器中即可直接使用。

如何使用颜色选择器?

  1. 从颜色选择器中选择您想要的颜色。
  2. 复制 HEX、RGB 或 HSL 值。
  3. 将颜色添加到调色板以便参考。

颜色选择器常见问题

可以直接输入颜色代码吗?

可以,您可以直接输入 HEX 代码来选择精确的颜色。

HEX、RGB 和 HSL 有什么区别,各自什么时候用?

三者只是用不同写法表示同一个颜色。HEX 形如 #FF5733,短小好记,便于在设计稿和 CSS 之间搬运;RGB 直接给出红绿蓝三个通道,适合在代码里做颜色运算;HSL 拆成色相、饱和度和亮度,想做「同一个颜色再暗一点」这类变体时最直观。

为什么屏幕上选好的颜色印出来不一样?

屏幕是靠叠加光线成色的 RGB,印刷是靠叠印油墨减光的 CMYK,两者能表现的色域本就不同。尤其接近荧光的绿、橙、天蓝,油墨根本还原不出来,印出来会明显发闷。若成品要印刷,请避开饱和度极高的颜色,并用 CMYK 数值或潘通色号而非 HEX 与印厂沟通。

能用吸管从屏幕上任意位置取色吗?

在 Chrome、Edge 等基于 Chromium 的桌面浏览器里,可以用浏览器内置的 EyeDropper 从任意窗口取色,不限于当前页面。Safari、Firefox 和移动端浏览器尚未支持,因此不会显示吸管按钮。这种情况下先截屏,把图片上传后再提取颜色,效果相同。

如何充分利用颜色选择器?

  • 直接输入HEX代码可快速找到符合品牌指南的精确颜色。
  • HSL模式通过调整色相值,可以轻松找到类似色或互补色。
  • 将颜色添加到调色板中,可在整个项目中保持颜色一致性。

Powered by Patrache Studio Tools

请允许此网站展示广告

要使用这些工具,请关闭对此网站的广告拦截。广告收入支持我们免费提供服务。

点击广告拦截器图标,关闭对此网站的拦截,然后重新检查。