取色器
选择颜色、生成配色方案并从图片中提取颜色。HEX、RGB 和 HSL 都集成在这个浏览器工具中。
可视化取色
配色方案生成
图片取色
完全免费
拖入图片或点击上传
在图片上点击即可取色
还没有保存的颜色
使用方法
只需三步，所有操作都在浏览器中完成。
1
选择颜色
点击取色区域，或直接输入 HEX、RGB、HSL 数值来选择基础颜色。
2
查看数值
立即查看对应的 HEX、RGB 和 HSL，并复制所需格式。
3
创建配色
生成协调的配色、从图片取色，并保存想保留的颜色。
为什么选择 ToolKnit 取色器？
可视化控制颜色
使用饱和度面板和色相滑块精准选色，也可以直接输入数值。
实用的配色模式
创建互补、邻近、三角、分裂互补、四角和单色系配色方案。
图片颜色提取
从图片中采样任意像素，并查看主色，图片不会离开你的设备。
隐私设计
颜色处理和图片采样均在你的浏览器中本地运行，文件不会上传。
使用技巧
- ●如果浏览器支持，可以用屏幕取色器采样本页之外的颜色。
- ●互补色适合强对比，邻近色适合更柔和的视觉层次。
- ●右键点击已保存的颜色即可从本地配色中移除。
常见问题
常见问题
取色器可以让你通过可视化方式或输入 HEX、RGB、HSL 代码来选择颜色，并即时更新各种对应格式。
输入如 #3B82F6 这样的 HEX 颜色，对应的 RGB 数值会自动显示，并可一键复制。
互补色位于色轮上基础颜色的正对面，可以形成高对比度和强烈的视觉效果。
每个颜色都可以以 HEX、RGB 和 HSL 格式显示，可直接复制到 CSS、设计系统或其他工具中。
可以。上传图片后，点击任意像素即可采样，工具还会自动提取主色。
先选择一个基础颜色，将其保存到配色面板，然后重复操作来收集想保留的颜色。
HEX 是紧凑的 CSS 写法，RGB 使用红、绿、蓝数值，HSL 则使用色相、饱和度和亮度，更便于直观微调。
可以。你创建的颜色可以用在个人、商业或客户项目中，不需标注或受使用限制。