浏览器内的私密工具
图片调色板生成器
从图片中提取实用的主色调色板,并复制 HEX、RGB、CSS 或 JSON 值。
每张图片最大 20 MiB、40 百万像素。联系表支持 2–50 张图片,总计最多 100 MiB。图标输出会把整张图片放入带透明边距的正方形中。
浏览器本地处理无需账号免费使用 原图保持不变
为什么需要这个工具
五到八个色块通常就能组成实用的调色板。
- ✓ 3–10 种颜色
- ✓ HEX/RGB
- ✓ CSS 变量
- ✓ JSON
适用场景
- • 品牌灵感
- • UI 设计
- • 演示主题
把照片变成可用的调色板
调色板在帮助做出真实设计决策时最有用:选择界面颜色、演示强调色,或一小组受品牌启发的色块。
以主色作为起点
照片调色板会偏重占据最多像素的颜色。它适合作为灵感,但并不自动等于符合无障碍要求的界面调色板。
将 HEX 或 RGB 值复制到设计工具中,并在用于文字或控件之前单独检查对比度。
保持调色板精简
几种颜色比一大堆几乎相同的色块更好用。先从精简的一组开始,只在设计需要时再加入特别的强调色。
常见问题与解答
照片调色板应该包含几种颜色?
小型调色板通常更好用。六种颜色是实用的起点;如果图片有多个明显不同的区域,可以多加几种。
提取的颜色可以直接用作无障碍界面颜色吗?
不一定。在界面中使用提取的颜色之前,请单独检查文字和控件的对比度。
可以获取 HEX 值吗?
可以。调色板工具会提供适用于 CSS 和设计流程的颜色值。
为什么调色板中有些颜色看起来略有不同?
提取时会合并相近的像素颜色以减少噪点,因此显示的色块是代表色,而不是每个原始像素的记录。
继续后续流程
Base64 转图片转换器
解码 Base64 字符串或 data URI,预览图片,并在浏览器中将其下载为真正的文件。
在线模糊图片
在分享或发布前为图片添加可调节的模糊效果,适合柔化截图、背景和敏感的视觉内容。
在线裁剪图片
将 JPG、PNG 和 WebP 图片裁剪为自定义区域而不拉伸原图,快速为表单、网站和社交媒体修整照片。
网站图标生成器
将一张图片生成实用的 favicon 套件,包含浏览器、Apple touch 和 PWA 尺寸,以及可直接复制的 HTML。
在线翻转图片
水平或垂直翻转、镜像图片,保持原有尺寸,并生成可下载的新副本。
图片宽高比计算器
读取图片宽高比,并计算 16:9、4:3、1:1、4:5 及自定义比例的对应尺寸。