功能特性

颜色选择器是一款免费的在线取色与配色工具，在同一个可视化工作区里完成取色、格式互转、配色方案生成和渐变设计。用吸管在画布上选色，粘贴 HEX / RGB / HSL / HSV 任意格式代码看对应效果，做多色停点渐变，最后导出可直接用于 CSS、设计工具或品牌规范的配色方案。所有转换与渲染完全在你本地浏览器里完成，品牌色值、客户设计稿等敏感素材不会上传到任何服务器。

痛点场景

这些场景你一定遇到过

1. 从参考图或上传的图片里吸色，转成 HEX 值贴进 CSS 或 Figma 团队色板库
2. 通过调饱和度、亮度、对比关系打磨落地页的主色、辅色和强调色配色方案
3. 生成线性 / 径向多停点渐变，直接复制 CSS 代码贴到网站、广告 Banner、运营长图里

使用教程

3步搞定，0学习成本

1. 通过取色板、吸管或粘贴 HEX/RGB/HSL/HSV 代码选一个起始颜色
2. 在色彩模型标签页切换，复制你工作流需要的对应格式值
3. 添加色卡、调整停点位置和过渡曲线，搭出整套配色方案或渐变
4. 把最终结果导出为 CSS 字符串、PNG 预览图或可分享的配色链接，交给设计 / 开发使用

优势对比

为什么选我们

1. HEX/RGB/HSL/HSV 全链路互转，保留 alpha 精度，在网页 CSS、iOS/Android 原生代码、设计工具之间切来切去都不失真
2. 所见即所得的渐变编辑器，实时预览 + 直接吐 CSS，上线前反复迭代到想要的视觉效果再贴走
3. 色彩转换、图片解码全在浏览器里跑，品牌色值和客户参考图不会外发、不会被索引

用这个工具赚钱

把工具变成你的副业收入来源

1. 用这个工具提高接单效率，接更多付费客户
2. 快速产出高质量内容，运营博客/YouTube/社交媒体涨粉变现
3. 把这个工具的能力打包成服务，在 Fiverr/Upwork 或本地接单

常见问题

1. HEX、RGB、HSL、HSV 之间互相转会不会丢失精度？

   不会。转换用的是标准 sRGB 色彩空间数学公式，alpha 通道完整保留。同一个颜色在 4 种格式之间随便来回切换，代码值不会漂移，可以反复转无数次。

2. 做半透明的 UI 元素时，支持不透明度 / alpha 值吗？

   支持。每个色彩模型都有独立的不透明度滑条，输出格式包含 8 位带 alpha 的 HEX、rgba()、hsla()、hsva()，复制出来的代码和设计工具、浏览器实际解析的完全一致。

3. 把图片拖进吸色器取色时，图片会被上传到服务器吗？

   不会。图片只会在你浏览器内存里画到一张画布上做像素读取，任何像素数据、调色板、文件 blob 都不会离开你的设备。品牌素材、客户 moodboard、还没上线的 UI 稿都可以放心拖进来。

4. 配好的一套色板或渐变能保存和分享给同事吗？

   可以。分享链接会把完整色板或渐变参数都编码在 URL 的 hash 里，对方打开就是相同的颜色；同时还能导出成纯文本、CSS 变量或色板预览图，直接插进品牌规范 PPT。

5. 怎么做才能让前景文字和背景色通过 WCAG 无障碍对比度？

   对比度面板会实时计算任意前景色和背景色的比值，并标注是否通过 AA、AAA 以及大号文字阈值，你可以调色相和饱和度直到这组颜色满足可访问性要求再出图。