多功能取色工具
色板预设 · 图片取色 · 摄像头实时取色
🎨 色板预设
🖼️ 图片取色
📷 摄像头
🌈 色彩生成
HEX
#4F8CFF
复制
RGB
复制
HSL
复制
调色盘
屏幕取色
💧 从屏幕任意位置取色
选择色板
从图片中取色
🖼️
点击选择图片，或拖拽图片到此处
也支持 Ctrl+V 直接粘贴截图
↩ 重新选择
点击或触摸图片任意位置取色
摄像头实时取色
点击下方按钮开启摄像头，将取景圆环对准目标颜色即可实时取色
--
⏸ 已冻结
▶ 开启摄像头
■ 关闭摄像头
⏸ 冻结画面
▶ 恢复预览
✓ 拾取当前颜色
🌈 基色设置
R
G
B
⚙️ 生成参数
算法
Tailwind CSS
Material Design
Radix UI
Open Color
命名模式
跟随算法
50, 100 … 950
100, 200 … 1000
0, 1, 2 …（序号）
50, 55, 60 …
对比度偏移
0.00
色阶数量
−
11
+
—
应用到取色器
角标
＝该格文字色与底色的 WCAG 对比度
✓
达 AA 4.5:1
~
仅够大字号 3:1
✕
不达标
🔍 对比度检测
前景 · 文字
当前全局色
白
黑
⇄
背景 · 底色
当前全局色
生成基色
白
黑
—
示例文字 Sample Text 123
WCAG 2.2：正文 AA 需 4.5:1、AAA 需 7:1；18.66px 以上或 14px 粗体算「大字号」，AA 需 3:1、AAA 需 4.5:1。
📋 导出代码
CSS
Tailwind v3
Tailwind v4
SCSS
JSON
W3C Tokens
HEX
RGBA
HSL
OKLCH
复制代码
复制全部色值
🔗 复制分享链接
💧 屏幕取色
历史记录
📥 导出
清空
暂无记录，取色后自动保存在本机