颜色选择器
选择颜色并复制HEX、RGB、HSL值。
#2563EB按 Ctrl+D 收藏此页面
颜色选择器是一款免费在线工具,支持HEX、RGB和HSL等多种颜色格式。 完全在浏览器中运行,不会发送数据到服务器。 适用于网页设计、图形工作和演示文稿中需要精确颜色代码的场景。 颜色选择器在网页设计、品牌设计和UI制作中精确处理颜色时非常实用。 无需安装或登录,在电脑和手机的浏览器中即可直接使用。
选择颜色并复制HEX、RGB、HSL值。
#2563EB按 Ctrl+D 收藏此页面
颜色选择器是一款免费在线工具,支持HEX、RGB和HSL等多种颜色格式。 完全在浏览器中运行,不会发送数据到服务器。 适用于网页设计、图形工作和演示文稿中需要精确颜色代码的场景。 颜色选择器在网页设计、品牌设计和UI制作中精确处理颜色时非常实用。 无需安装或登录,在电脑和手机的浏览器中即可直接使用。
可以,您可以直接输入 HEX 代码来选择精确的颜色。
三者只是用不同写法表示同一个颜色。HEX 形如 #FF5733,短小好记,便于在设计稿和 CSS 之间搬运;RGB 直接给出红绿蓝三个通道,适合在代码里做颜色运算;HSL 拆成色相、饱和度和亮度,想做「同一个颜色再暗一点」这类变体时最直观。
屏幕是靠叠加光线成色的 RGB,印刷是靠叠印油墨减光的 CMYK,两者能表现的色域本就不同。尤其接近荧光的绿、橙、天蓝,油墨根本还原不出来,印出来会明显发闷。若成品要印刷,请避开饱和度极高的颜色,并用 CMYK 数值或潘通色号而非 HEX 与印厂沟通。
在 Chrome、Edge 等基于 Chromium 的桌面浏览器里,可以用浏览器内置的 EyeDropper 从任意窗口取色,不限于当前页面。Safari、Firefox 和移动端浏览器尚未支持,因此不会显示吸管按钮。这种情况下先截屏,把图片上传后再提取颜色,效果相同。