使用在线取色器非常简单,整个过程通常只需三步,无需注册账号,打开网页即可使用。

第一步:选取颜色

点击取色面板,在弹出色盘中选择你想要的任意颜色;也可以直接输入一个已知的 HEX 色值,例如 #4A90D9,工具会自动定位到该颜色。

第二步:查看三种格式

选中颜色后,工具会同时显示 HEX、RGB、HSL 三种格式的数值。比如选到天空蓝,会显示 #4A90D9、rgb(74, 144, 217) 和 hsl(210, 65%, 57%),三者一一对应,无需自己换算。

第三步:复制使用

点击任意格式右侧的复制按钮,色值就进入剪贴板,可以直接粘贴到 CSS、设计稿或代码编辑器里。

小提示:桌面端取色器通常还支持从屏幕任意位置取色,按住取色按钮拖到目标区域松手即可。移动端则建议直接粘贴已有色值,配合色盘微调更高效。