从图片中取色
点击照片任意位置获取色值,并查看图片的调色板。
已选颜色
#e26c34
HEX
#e26c34RGB
rgb(226, 108, 52)HSL
hsl(19, 75%, 55%)此颜色上的文字
Aa6.4:1 · AA
Aa3.3:1 · 仅适合大字
调色板
点击颜色即可复制。广告
如何从图片中取色
- 点击 使用你的图片 选择照片,或拖放到示例照片上。也可以用 Ctrl+V 粘贴图片。
- 点击想要取色的位置。用鼠标时,放大镜会在点击前显示精确的像素。
- 用旁边的按钮复制 HEX、RGB 或 HSL 色值。
调色板
照片下方显示 5 到 10 种主色,点击即可复制。用铅笔可以替换或删除颜色,用 + 添加所选颜色。下载 把调色板保存为 PNG,保存调色板 会保存在此浏览器中。所选颜色旁边会显示黑字和白字的效果,以及对比度和是否符合 WCAG 可读性标准(AA 要求普通文字达到 4.5:1)。
常见问题
准确。颜色读取自图片的真实像素,而不是压缩后的预览。
HEX(如 #E26C34)、RGB 和 HSL,每种都有复制按钮。
不会。颜色在浏览器中读取,图片不会离开你的设备。
