在线取色器
选择颜色并微调,再以你需要的格式复制色值。
已封存在本设备上
在浏览器中运行,不上传任何内容。
已封存
选择颜色
颜色代码
HEX
RGB
HSL
OKLCH
CMYK
深浅色阶
一侧是较浅的色调,另一侧是较深的色调。点击即可使用。
使用方法
-
选择颜色
在色彩区域和色相滑块上拖动,输入已有的颜色代码,或从屏幕上取色。
-
微调
调整不透明度,或浏览颜色的深浅色阶,找到更浅或更深的版本。
-
复制代码
复制 HEX、RGB、HSL、OKLCH 或 CMYK 值,粘贴到你的设计、代码或文档中。
常见问题
怎么从屏幕上取色?
点击“从屏幕取色”,再点击屏幕上的任意位置即可获取该颜色。这个吸管功能适用于电脑上的 Chrome、Edge 和其他基于 Chromium 的浏览器。在其他浏览器中,点击色块会打开系统取色器,它通常也自带吸管。
应该用哪种颜色格式?
HEX 在网页设计中最常用,到处都能用。RGB 和 HSL 适合在 CSS 中手动微调数值。OKLCH 是现代 CSS 格式,不同色相之间的明度保持一致。CMYK 可作为印刷的起点。
浅色调和深色调有什么区别?
浅色调是在颜色中混入白色,颜色变浅;深色调是混入黑色,颜色变深。取色器在感知均匀的色彩空间中混合,所以每一级看起来间隔均匀。
可以用键盘操作取色器吗?
可以。聚焦色彩区域后,用方向键调整饱和度和亮度,按住 Shift 可以加大步长。色相和不透明度滑块也支持方向键。
可以分享颜色吗?
可以。页面地址会随你选择的颜色更新,你可以收藏它,或把链接发给别人。