Features

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

When You Need This

Common pain points this tool solves

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

How to Use

Step-by-step instructions

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

Why Choose Korelyy

What makes us better

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

Monetize With This Tool

Turn this tool into a side income stream

1. Use this tool to speed up your freelance work and take on more paying clients
2. Create polished content faster for your blog, YouTube channel, or social media and grow your audience
3. Offer this tool's capabilities as a service on Fiverr, Upwork, or to your local business clients

Frequently Asked Questions

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 以及大号文字阈值，你可以调色相和饱和度直到这组颜色满足可访问性要求再出图。