颜色工具

为设计与 CSS 转换、拾取、生成颜色

颜色代码是数字设计的通用语言：从截图里匹配品牌色、为样式表把 HEX 换成 RGB、搭一条顺滑的 CSS 渐变、为新项目探索配色——这些工具让颜色工作又快又直观。

每个颜色工具都是实时响应：取色、微调、一键复制 HEX、RGB、HSL 格式的 CSS 色值。不需要设计软件，你的浏览器就是调色台。

免费在线颜色转换器：HEX、RGB、HSL 三种格式互相转换，支持可视化选色与粘贴色码，结果一键复制为 CSS 可用格式。转换在浏览器本地完成，实时双向同步，设计师与开发者日常必备。

免费在线取色器：可视化选色或粘贴色码，实时得到 HEX、RGB、HSL 三种格式，附带深浅色阶一键复制。选色在浏览器本地完成，设计和写 CSS 都好用。

免费在线随机颜色生成器：一键摇出多组随机颜色，点击即复制 HEX，支持导出为 CSS 变量。生成在你的浏览器本地完成，找配色灵感从随手一摇开始。

免费在线 CSS 渐变生成器：选两三个颜色、调好角度，实时预览并生成可复制的 CSS 代码，附专业渐变配色方案。生成在你的浏览器本地完成，页面背景立刻出彩。

免费在线 CSS 阴影生成器：可视化调节偏移、模糊、扩散与颜色透明度，附自然阴影预设，实时生成 CSS 代码。生成在你的浏览器本地完成，卡片质感一步到位。

免费在线配色方案生成器：选一个基色，一键生成互补、邻近、三角、分裂互补四种和谐配色，点击色块复制 HEX。生成在你的浏览器本地完成，配色不再靠感觉。