调色板
Image Palette Extractor

✨ 特点

  • 自动从图片提取主要颜色，支持写真氛围（Median Cut）和UI/Logo（K-Means）两种模式
  • 一键复制HEX、RGB、HSL，自动生成Tailwind CSS配置代码
  • 在UI预览中将调色板应用于背景、文字和按钮，实时查看效果
  • 无需上传，完全本地处理，不向任何服务器发送数据

🪄 适用场景

从照片提取配色

从风景或产品照片中即时生成符合氛围的调色板。

品牌色彩识别

从Logo或参考图片提取品牌色彩，立即复制HEX值。

Web设计工作流

在UI预览中确认配色效果，并导出CSS或Tailwind配置代码。

颜色代码转换

在HEX、RGB、HSL格式之间相互转换，用于开发和设计工具。

🔒 隐私

本工具完全在浏览器中运行，图片不会上传到任何外部服务器。

❓ 常见问题

支持哪些图片格式？

支持浏览器可显示的所有主要格式，包括JPEG、PNG、WebP、GIF、BMP和SVG。

可以更改提取的颜色数量吗？

可以。最多可提取16种颜色，数量可自由设置。

可以生成Tailwind CSS代码吗？

可以。提取的调色板可自动导出为Tailwind CSS配置文件（tailwind.config.js）代码片段。

图片会发送到服务器吗？

不会。所有处理在浏览器内完成，图片数据不会发送到任何外部服务器。
等待图片
图片仅在浏览器内处理 · 不会上传到任何地方
拖放图片到此处
点击选择文件，或直接粘贴到此页面。所有分析在浏览器内完成。
点击选择 ⌘ / Ctrl + V 粘贴
JPEGPNGWEBPGIFSVG
已加载图片的预览
#000000
—
提取模式Algorithm
提取颜色数量Swatches
6色
调色板 Palette
0 色
color.omikuji.dev
// 加载图片后将生成代码
Aurora 产品价格公司
New release
用你的配色，
马上试试看。
将提取的颜色分配给背景、文字和按钮，即时查看在真实 UI 中的效果。
配色预览
拖放即可应用颜色
选择角色后点击调色板颜色，或将颜色卡片拖到此处。
背景—
文字—
按钮—
tools.omikuji.dev
使用 Median Cut / K-Means 提取颜色 · 完全在客户端运行
拖放到此处进行分析
图片不会被上传