选取颜色
在色轮上拖动,输入或粘贴任意颜色代码,使用吸管,或打开照片点击一个像素。
从色轮、屏幕或任意图片中选取颜色,并复制为 HEX、RGB、HSL、HSV、OKLCH 或 CMYK。
生成和谐配色和明暗色阶,检查文字对比度,模拟色盲视角,并导出可直接粘贴的代码。
正在加载取色器…
在色轮上拖动,输入或粘贴任意颜色代码,使用吸管,或打开照片点击一个像素。
用 RGB、HSL、HSV、OKLCH 或 CMYK 滑块调整,一键复制你需要的值。
生成和谐配色或明暗色阶,检查对比度和色盲效果,然后复制或下载项目所需的代码。
几个小习惯,让配色更好用、更易读。
按 WCAG AA 标准,正文文字与背景的对比度至少需要 4.5:1,大号文字需要 3:1。检查器会推荐最接近且达标的颜色。
OKLCH 的亮度与人眼感知一致,因此用 OKLCH 制作的色阶从浅到深过渡均匀,中间色不会发灰发浊。
很多人看红色和绿色是一样的。在“色盲”标签页预览你的配色,并在含义重要的地方加上文字标签或图标。
照片放大后有很多噪点。3×3 或 5×5 采样得到的是你看到的颜色,而不是某个孤立的杂色像素。
打开一张你喜欢的照片,提取 5 到 8 种颜色。K-means 能找出主要颜色;中位切分能保留小面积的点缀色。
印刷颜色取决于纸张和印刷机。请把 CMYK 值作为起点,并用印刷厂的色彩配置文件进行校验。
用 WaveSpeed AI 通过提示词生成符合品牌配色的图片和视频。
符合条件的新账号可获得 $1 免费额度,无需绑卡。 生成器需要单独的账号和积分。取色器免费使用。
打开“图片”标签页,选择照片或截图(或直接粘贴),然后点击任意像素。放大镜会精确显示你所在的像素,你还可以取 3×3 到 11×11 区域的平均值。图片在浏览器中读取,保留在你的设备上。
可以,前提是浏览器支持吸管功能(桌面版 Chrome、Edge 及其他 Chromium 浏览器)。点击“吸管”,然后点击屏幕上的任意像素,即使在浏览器窗口之外也可以。在其他浏览器中,可以截图后粘贴到“图片”标签页。
在颜色输入框中输入或粘贴 HEX 代码,下方就会显示 RGB 值,可直接复制。要一次转换多个颜色,请在“转换”标签页中每行粘贴一个,并选择输出格式。
HEX(3、4、6 和 8 位)、RGB、HSL、HSV/HSB、HWB、OKLCH、OKLab 和 CMYK,以及所有 CSS 颜色名称。粘贴时可以带或不带函数名,例如“255, 87, 51”。
OKLCH 用感知亮度、彩度(鲜艳程度)和色相来描述颜色。相同的步长看起来变化也相同,因此非常适合制作明暗色阶和一致的配色,而且现代 CSS 已通过 oklch() 支持它。
它计算文字与背景之间的 WCAG 2 对比度,并显示普通文字、大号文字和界面元素是否达到 AA 和 AAA 标准。它还会显示 WCAG 3 草案中的 APCA 亮度对比值(Lc),并推荐最接近且达标的颜色。
选择一个基础色,然后在“和谐配色”中生成互补、三角等配色方案,或在“明暗”中生成浅色、深色和 50–950 色阶。你也可以从照片中提取配色。收藏喜欢的颜色并导出为代码。
可以。“导出”标签页可将你的配色输出为 CSS 变量、SCSS、Tailwind v4 @theme 或 v3 配置、SwiftUI、UIKit、Android colors.xml、Jetpack Compose、JSON、GIMP 调色板或纯十六进制列表。可复制或下载文件。
免费。无需注册,没有限制,没有水印,一切都在你的浏览器中运行。
免费、私密,在浏览器中即开即用。