Image color picker and studio
Pick colors, build palettes, convert formats, check contrast, and create gradients—free and private.
从图片中精确取色
拖入、粘贴或选择一张图片
支持 JPG、PNG、WebP、GIF、BMP、SVG,图片默认不会离开设备
也可以直接按 Ctrl/⌘ + V 粘贴截图颜色转换、变化与配色方案
输入任意 HEX、RGB 或 HSL 颜色,获得完整的设计与技术数据。
曜石蓝
可视化颜色选择器
在色域中调整饱和度与明度,再通过色相滑杆精确控制。
精细颜色转换器
直接修改任一格式,其他格式会同步更新。
颜色转换
实用代码格式
明暗色阶
从纯白到基准色,再到纯黑的完整色阶。
颜色组合
基于色轮计算适合界面、品牌与插画的和谐配色。
颜色分析
创意与使用建议
颜色对比度检查器
验证文字与背景组合是否满足 AA、AAA 可访问性标准。
HSL 精细调整
清晰的文字让每个人都能轻松阅读
颜色不只是视觉风格,也是信息能否被准确理解的重要组成部分。这里会同时检查普通文字与大号文字。
专业渐变生成器
创建线性、径向和锥形渐变,导出 CSS 或高清 PNG。
颜色节点
色觉差异模拟器
模拟常见色觉差异,检查设计是否只依赖颜色传递信息。
颜色对比
图片模拟
先在图片取色页添加图片,即可在这里查看整张图片的模拟效果。
可搜索颜色库
按名称、色系和明度浏览颜色,点击即可进入完整详情。
本地项目与收藏
数据保存在当前浏览器中,不需要账户,也不会上传到服务器。
收藏的色板
收藏的颜色
收藏的渐变
本地图片
Start with one pixel and finish an entire color system
The studio combines image sampling, HEX / RGB / HSL / HSV / CMYK / LAB conversion, dominant palette extraction, palette export, tints and shades, harmonies, WCAG contrast, color-vision simulation, a searchable library, and CSS gradients. Projects stay in this browser with no account required.
Are my images uploaded?
Uploaded, dropped, and pasted images are read and analysed in your browser by default. A URL or search term is shared only when you explicitly use website capture or online image search.
Can it extract dominant colors?
Yes. The tool analyses image pixels locally and builds a distinct dominant palette. You can also click exact pixels to create a palette manually.
Do I need to sign in or pay?
No. Every color tool is free. Projects, palettes, colors, and saved images are stored in the current browser.
Product and development support by Yuexian Tech
Mini-program, app, and custom software development for Zhengzhou and remote clients across China.