色彩工作室 · Irodori 彩り
免费取色器：从任意图片即时提取颜色。
上传、粘贴或输入图片网址，获取 HEX、RGB、HSL、OKLCH、Lab 与 CMYK——无需注册。
全程在你的浏览器内运行，不上传、不注册。
实时工作台
从任意颜色开始
拖入图片或输入色值，所有格式随取随变。
一色，多语言
同一个颜色的六种读法
HEX 用于 CSS，RGB 用于屏幕，HSL 用于配色，CMYK 用于印刷，OKLCH 与 Lab 用于感知设计。全部在本地计算。
亚洲传统色
本来就有名字的颜色
九种亚洲传统色体系：从日本四季、泰国七彩周色、藏族矿物色到印度节庆、蒙古草原与印尼蜡染，保留原生名称、读音与精确 HEX。
真实系统
与你实际交付的色板对齐
六套设计系统，全部取自官方文件，不做近似。
Material Design 色调
89
Material Web v0.192 · md-ref-palette
Tailwind CSS 色板
286
Tailwind CSS v4 · theme.css
UnoCSS 色板
264
UnoCSS preset-mini · Tailwind v3 + Windi
Panda CSS 令牌
242
Panda CSS · @pandacss/preset-panda
Vanilla Extract 主题
3
vanilla-extract · createTheme docs example
StyleX 令牌
6
StyleX · defineVars docs example
Bootstrap 色板
29
Bootstrap v5.3.8 · _variables.scss
Ant Design 色板
130
Ant Design · @ant-design/colors 7.2.1
Open Color
130
Open Color 1.9.1 · open-color.js
Chakra UI 色板
100
Chakra UI · @chakra-ui/theme 3.4.1
Radix Colors
360
Radix Colors 3.0.0 · light scales
Fluent UI 品牌色
64
Fluent UI · @fluentui/tokens brandColors
Primer 色板
20
Primer · @primer/primitives 11.10.0 light
Polaris 色板
192
Shopify Polaris · polaris-tokens 9.4.2
全部工具
常见问题
如何从图片中取色？
上传图片、从剪贴板粘贴或输入图片网址，然后在图片上点击，即可获得 HEX、RGB、HSL、OKLCH、Lab 与 CMYK 色值。
什么是 HEX 颜色代码？
HEX 颜色代码是用六位十六进制数表示红、绿、蓝通道的颜色值，例如 #FF5733。它是 CSS、设计工具与品牌规范中最常用的格式。
这个取色器免费吗？
是的，本站所有工具均免费，无需注册。图片完全在浏览器内处理，不会上传到服务器。
支持哪些颜色格式？
HEX、RGB、HSL、OKLCH、Lab、LCH、CMYK、XYZ、LUV 与 HWB，并支持 WCAG 对比度与色觉模拟。
可以把这些颜色用于自己的设计吗？
可以。颜色值本身不受保护，复制任意色值即可用于 CSS、界面、印刷或插画。
你的下一套配色，从这里开始。
免费、私密、快速，无需注册。
打开取色器