免费在线设计辅助工具：颜色选择器与取色、HEX/RGB/HSL 互转、CSS 渐变代码生成，直接复制就能用在前端和设计稿里。全部在浏览器本地生成，无需登录，也没有次数限制。
轻捷「设计工具」分类下共 2 个工具：颜色选择器、CSS 渐变生成器。全部免费、本地处理、无需注册、打开即用。
点击上方任意工具卡片即可直接使用。颜色与渐变在你的浏览器里生成，不上传。
取色、配色、出代码是一条龙：先在取色器拿到准确色值，用互转工具确认 HEX 与 RGB 对得上，最后把渐变的 CSS 复制进项目。不同设备看同一组颜色会有细微差别，以设计稿标注的数值为准，不要凭屏幕观感反复调。
Q：取到的颜色和设计软件里显示的不一样？
A：先确认是不是色彩空间问题。网页按 sRGB 处理，设计软件常用 Adobe RGB 或 CMYK，同一组数值在不同空间里看起来就不同。另外屏幕色温和护眼模式也会影响观感。
Q：生成的渐变代码能直接用吗？
A：可以，输出的是标准 CSS 的 linear-gradient 写法，复制到样式文件里即生效。个别老浏览器对角度和色标支持有差异，重要场景建议再加一条纯色兜底。
Q：调色板能保存下来吗？
A：页面不提供账号和云端保存。需要长期留存时，把颜色值复制到自己的笔记或设计稿里更可靠。