取色器图片色轮色表颜色库转换器RGB 转 HexHex 转 RGB工具对比度检查颜色混合器名称颜色名称MinecraftBukkitRoblox色表颜色库RGB 转 HexHex 转 RGB对比度检查颜色混合器颜色名称MinecraftBukkitRoblox
颜色代码

图片取色器

上传图片,从像素中选取颜色,提取调色板并导出颜色代码。

Hex6DF3EA
RGB109, 243, 234
HSL176, 85, 69
OKLCH0.89, 0.12, 189
#
点击或拖动色轮来选取颜色。
#

颜色和谐

类似色

6DF39C6DF3EA6DAEF3

互补色

6DF3EAF36D76

分裂互补

6DF3EAF36DB9F3A76D

三色

6DF3EAEA6DF3F3EA6D

四色

6DF3EAA76DF3F36D76B9F36D

方形配色

6DF3EAA76DF3F36D76B9F36D

颜色变化

Tailwind

F0FEFDDFFCFACAFBF7B3F9F49CF7F187F5EE6DF3EA59C7C048A09A377A75275754

深色

6DF3EA62DBD357C2BB4CAAA441928C377A752C615E21494616312F0B1817000000

浅色

FFFFFFF0FEFDE2FDFBD3FBF9C5FAF7B6F9F5A7F8F299F7F08AF5EE7CF4EC6DF3EA

灰调

6DF3EA6FE8DF71DCD573D1CA75C5C077BAB578AEAA7AA3A07C97957E8C8B808080

颜色转换

代码
HTML/CSS

对比度检查

白色背景

1.34:1
1.34白色背景对比度
元素
AA
AAA
小字号文本
×
×
大字号文本
×
×
界面元素
×
×

黑色背景

15.66:1
15.66黑色背景对比度
元素
AA
AAA
小字号文本
大字号文本
界面元素

色盲模拟器

红色盲

6DF3EAA7A8EC

绿色盲

6DF3EA9F95ED

蓝黄色盲

6DF3EA74EEEE

全色盲

6DF3EACACACA

图片取色器常见问题

如何使用 color picker from image?

上传、拖拽或粘贴图片后点击任意像素,工具即时返回 HEX、RGB、HSL 色值。

它是 color finder from image 还是 color selector from image?

两者都是。既可作为 color finder 读取单像素色值,也可作为 color selector 抓取整张图片的颜色并生成配色方案。

能否作为 color chooser from image 用于设计工作?

可以 — 选取颜色、预览和谐配色,然后导出为 Tailwind、Figma 或 HEX/RGB/HSL 格式供设计文件使用。

如何在浏览器中 check color code from image 而不安装软件?

该工具完全在浏览器中运行,不上传到服务器、无需安装,图片保留在您的设备上。

可以作为 color identifier from image 支持哪些格式?

该 color identifier 支持返回 HEX、RGB、HSL、HSV、OKLCH 等多种格式,并自动生成和谐配色。

导出颜色代码

已复制到剪贴板