热门颜色工具
设计师和开发者最常使用的工具。
图片取色器 从任意图片像素精准拾取HEX RGB HSL颜色代码
上传任意图片，用取色器在画布上精准拾取像素颜色，即时读取HEX、RGB、HSL数值并一键复制，全程在浏览器本地完成，图片不会上传服务器。
图片主色提取工具 从图像一键获取HEX RGB主色调配色方案
从任意图片智能提取占比最高的主色调，自动生成协调配色并同步输出每种颜色的HEX与RGB代码，图像在浏览器本地解析，无需上传。
图片调色板生成器 上传图像自动生成完整HEX RGB配色方案
上传一张图片即可智能生成完整调色板，自动提取和谐配色并显示每种颜色的HEX、RGB代码，全部在浏览器本地处理，方便直接取用。
图像主色调识别工具 提取画面主要颜色与占比及HEX数值
分析图像并识别占比最高的几种主导颜色及各自比例，输出对应的HEX与RGB数值，帮助你快速理解画面并复用其整体配色风格。
相似颜色查找器 匹配邻近色调并输出HEX RGB相近色值
输入任意颜色即可查找视觉上邻近的相似色系，附带每个色值的HEX、RGB数值，帮你轻松扩展并微调整套配色方案的层次。
颜色格式转换器 HEX RGB HSL CMYK OKLCH色值一键互转
在HEX、RGB、HSL、CMYK、OKLCH等格式之间即时互相转换颜色，实时预览色块并复制代码，方便设计排版与前端开发直接使用。
颜色对比度检测器 检查WCAG无障碍对比度AA AAA是否合规
检查前景与背景色的WCAG对比度比值，自动判定AA与AAA等级是否达标，确保正文与标题文字清晰可读并符合无障碍设计标准。
调色板导出工具 将配色一键输出为CSS JSON ASE格式文件
把整套调色板一键导出为CSS、JSON、ASE等多种格式文件，便于导入Figma等设计软件或直接接入前端项目开发流程。
颜色预览工具 实时查看配色应用在真实设计版式中的效果
把选定颜色应用到真实版式与组件中实时预览效果，直观对比多组配色之间的差异，帮你在正式落地前做出更稳妥的配色决定。
调色板下载工具 将HEX配色导出为PNG图像文件保存分享
将整套调色板连同每个色块的HEX代码下载为清晰的PNG图片，方便随时分享、存档或加入设计交付说明文档中长期留存。
配色方案分享工具 通过专属链接一键分享调色板便于协作
生成专属链接即可一键分享你的调色板，对方无需安装任何软件便可直接查看完整配色与HEX数值，让团队协作沟通更顺畅高效。
色彩和谐搭配工具 生成互补三色分裂类比等和谐配色方案
基于色轮生成互补色、三色、分裂互补、类比等多种和谐配色方案，并附上每种颜色的HEX数值，帮你快速找到协调耐看的组合。
使用方法
3个简单步骤生成专业调色板。
上传或选择
上传图像或选择基础颜色。
生成调色板
我们的算法分析并生成颜色和谐。
导出并使用
导出到CSS、Tailwind、SCSS或分享。
常见问题
关于我们颜色工具的一切
是的，我们所有的基础颜色工具都完全免费。您可以从图像中提取颜色、生成调色板、在格式之间转换（HEX、RGB、HSL）等等，无需任何费用。高级功能为专业用户提供更多选项。
非常简单！将图像上传到我们的颜色提取工具，算法会自动分析主导颜色。您将立即获得每种颜色的HEX、RGB和HSL代码，只需一键即可复制。
不会，绝对不会！由于我们100%本地技术，所有处理都直接在您的浏览器中完成。您的图像永远不会离开您的设备，确保文件的完全隐私。
我们支持所有常见的颜色格式：HEX（#FFFFFF）、RGB（255, 255, 255）、HSL（0°, 0%, 100%）、HSV、印刷用CMYK，甚至CSS颜色名称。您可以在所有这些格式之间自由转换。
当然可以！我们的工具允许您直接将调色板导出为CSS变量、Tailwind配置、SCSS甚至JSON。轻松将颜色集成到您的开发项目中。
使用我们的WCAG对比度工具检查颜色组合的可读性。它会自动计算对比度并告诉您颜色是否符合AA和AAA可访问性标准。