Nano Banana 2.1 现已上线 — Google 最新模型 | 立即体验 →
WAVESPEED AI 取色器 在浏览器中运行
100% 免费

在线取色器取色、转换、检查和导出颜色。

从色轮、屏幕或任意图片中选取颜色,并复制为 HEX、RGB、HSL、HSV、OKLCH 或 CMYK。
生成和谐配色和明暗色阶,检查文字对比度,模拟色盲视角,并导出可直接粘贴的代码。

从任意图片取色内置对比度检查CSS、Tailwind、Swift 和 Android 代码
无需注册 无需上传 无水印

正在加载取色器…

颜色和图片保留在你的设备上。
三个简单步骤

如何使用取色器

01

选取颜色

在色轮上拖动,输入或粘贴任意颜色代码,使用吸管,或打开照片点击一个像素。

02

微调并复制

用 RGB、HSL、HSV、OKLCH 或 CMYK 滑块调整,一键复制你需要的值。

03

构建并导出

生成和谐配色或明暗色阶,检查对比度和色盲效果,然后复制或下载项目所需的代码。

小贴士

选择颜色的技巧

几个小习惯,让配色更好用、更易读。

尽早检查文字对比度

按 WCAG AA 标准,正文文字与背景的对比度至少需要 4.5:1,大号文字需要 3:1。检查器会推荐最接近且达标的颜色。

用 OKLCH 制作均匀色阶

OKLCH 的亮度与人眼感知一致,因此用 OKLCH 制作的色阶从浅到深过渡均匀,中间色不会发灰发浊。

不要只靠颜色传达信息

很多人看红色和绿色是一样的。在“色盲”标签页预览你的配色,并在含义重要的地方加上文字标签或图标。

从照片取色时取平均值

照片放大后有很多噪点。3×3 或 5×5 采样得到的是你看到的颜色,而不是某个孤立的杂色像素。

从图片开始配色

打开一张你喜欢的照片,提取 5 到 8 种颜色。K-means 能找出主要颜色;中位切分能保留小面积的点缀色。

这里的 CMYK 只是估算

印刷颜色取决于纸张和印刷机。请把 CMYK 值作为起点,并用印刷厂的色彩配置文件进行校验。

WaveSpeed AI

把你的配色变成图片

用 WaveSpeed AI 通过提示词生成符合品牌配色的图片和视频。

  • 1,000+ AI 模型
  • 图片、视频和 3D
  • 按量付费

符合条件的新账号可获得 $1 免费额度,无需绑卡。 生成器需要单独的账号和积分。取色器免费使用。

取色器常见问题

怎样从图片中取色?

打开“图片”标签页,选择照片或截图(或直接粘贴),然后点击任意像素。放大镜会精确显示你所在的像素,你还可以取 3×3 到 11×11 区域的平均值。图片在浏览器中读取,保留在你的设备上。

可以从屏幕上的任意位置取色吗?

可以,前提是浏览器支持吸管功能(桌面版 Chrome、Edge 及其他 Chromium 浏览器)。点击“吸管”,然后点击屏幕上的任意像素,即使在浏览器窗口之外也可以。在其他浏览器中,可以截图后粘贴到“图片”标签页。

怎样把 HEX 转换为 RGB?

在颜色输入框中输入或粘贴 HEX 代码,下方就会显示 RGB 值,可直接复制。要一次转换多个颜色,请在“转换”标签页中每行粘贴一个,并选择输出格式。

支持哪些颜色格式?

HEX(3、4、6 和 8 位)、RGB、HSL、HSV/HSB、HWB、OKLCH、OKLab 和 CMYK,以及所有 CSS 颜色名称。粘贴时可以带或不带函数名,例如“255, 87, 51”。

什么是 OKLCH,为什么要用它?

OKLCH 用感知亮度、彩度(鲜艳程度)和色相来描述颜色。相同的步长看起来变化也相同,因此非常适合制作明暗色阶和一致的配色,而且现代 CSS 已通过 oklch() 支持它。

对比度检查器是怎么工作的?

它计算文字与背景之间的 WCAG 2 对比度,并显示普通文字、大号文字和界面元素是否达到 AA 和 AAA 标准。它还会显示 WCAG 3 草案中的 APCA 亮度对比值(Lc),并推荐最接近且达标的颜色。

怎样创建配色方案?

选择一个基础色,然后在“和谐配色”中生成互补、三角等配色方案,或在“明暗”中生成浅色、深色和 50–950 色阶。你也可以从照片中提取配色。收藏喜欢的颜色并导出为代码。

可以为 Tailwind、SwiftUI 或 Android 导出颜色吗?

可以。“导出”标签页可将你的配色输出为 CSS 变量、SCSS、Tailwind v4 @theme 或 v3 配置、SwiftUI、UIKit、Android colors.xml、Jetpack Compose、JSON、GIMP 调色板或纯十六进制列表。可复制或下载文件。

这个取色器免费吗?

免费。无需注册,没有限制,没有水印,一切都在你的浏览器中运行。

全部免费工具

选取你的下一个颜色

免费、私密,在浏览器中即开即用。

打开取色器