取色器与颜色转换选择颜色，在 HEX、RGB 和 HSL 之间转换，从图片或屏幕中取色，并检查与白色和黑色文字的对比度。
配色方案生成器
利用色轮和谐规则，从一个品牌色构建协调的调色板，或从照片中提取主色。可复制单个数值或导出 CSS 自定义属性。
选择图片
完全在浏览器中运行。你的输入内容和文件不会上传到任何服务器。
使用方法
- 选择基础色和和谐类型，或切换到“从图片”并打开一张图片。
- 点击任意色块即可复制其 HEX 代码。
- 复制 CSS 变量，在样式表中使用该调色板。
示例
界面色阶
使用“浅色与深色”获得主色的浅色背景和深色文字变体。
从产品照片生成调色板
从照片中提取 6 种颜色，设计与之相配的落地页。
隐私
完全在浏览器中运行。你的输入内容和文件不会上传到任何服务器。 浏览器中保存了哪些内容（仅收藏和历史记录），请参阅隐私政策。 隐私政策
你可以自己验证：打开浏览器的开发者工具，选择“网络”（Network）标签，然后使用工具。你的文件不会出现在任何上传请求中。此页面保存为离线可用后，你还可以断开网络继续使用。 广告和匿名访问统计在启用时会发出各自的请求，但绝不会接收你的文件或文本。
常见问题
如何提取图片颜色？
先缩小图片，再用 k-means 聚类算法对像素分组；最大的几个分组构成调色板。
这些配色符合无障碍要求吗？
色彩和谐关注的是色相关系，而不是对比度。请用取色器的对比度功能检查文字与背景的搭配。
相关工具
全部图片工具网站图标生成器从一张图片或一个字母生成完整的网站图标套件：favicon.ico、16–512 px 的 PNG、Apple Touch 图标、Web 清单和 HTML 标签，打包为一个 ZIP。
SVG 预览与优化安全预览 SVG 文件，并通过删除注释、编辑器元数据和空白来减小体积，可选数值取整。
Meta 标签生成器为页面生成规范的 HTML meta 标签：标题、描述、canonical、robots、Open Graph 和 Twitter Card，并提供长度建议。
图片压缩在浏览器中按质量或按目标大小（如 100 KB）压缩 JPG、PNG 和 WebP 图片。
图片尺寸调整将 JPG、PNG 和 WebP 图片调整为精确的像素尺寸或按百分比缩放，可选择锁定宽高比。