Color Picker

选好颜色就开工——零负担

我们在 2025 年打造了 Color Picker，因为对笨重的应用与过度复杂的配色工具已感到厌倦。作为前端开发者与插画师，我们需要能快速“捕捉”颜色、稍作调整就继续前进的方式。它起初是内部工具，后来成了同事们的心头好；我们将其打磨上线，向所有人开放。无需账号、没有学习曲线——打开页面、选择色调，复制 HEX、RGB、HSL 或 HSV 代码即可。

我们的取色器为何受欢迎

如果你曾看着一个设计在想“如何精准拿到那个色调？”，你会喜欢 Color Picker 的简洁。我们刻意保持界面极简：

• 一键取色——立即拥有 — 轻点调色板任意位置，所需数值即刻出现。想从照片或截图取样？把文件拖到页面，用吸管工具即可。
• 渐变毫不费力 — 在渐变条上添加并移动色标，获得如丝般顺滑的过渡。切换线性/径向，精调角度与不透明度，然后复制 CSS。
• 无门槛，无费用 — Color Picker 可在桌面、平板与手机上的各类现代浏览器中运行。无需安装，也没有费用。
• 需要时有扩展 — 我们的可选 Chrome 与 Edge 扩展把吸管直接带到浏览器里，让你能从任意页面取样并保留历史。

适用场景

大家以多种方式使用 Color Picker：

• 设计师与产品团队 在勾勒界面或品牌调色板时依赖它。探索组合与复制渐变的 CSS 十分快速。
• 插画师与艺术家 使用吸管从照片与画作中汲取灵感。渐变工具有助于规划柔和的明暗与色彩过渡。
• 前端开发者 依靠它在项目间生成一致的颜色值。扩展程序让从现有网站取样更轻松。
• 无障碍检查者 可在不同模型下观察颜色，并调节不透明度直至满足对比度指引。

快速上手

无需教程——这里有一份速览：

• 选择一种颜色 — 在调色板任意位置点击。HEX、RGB 与 HSV 值会立即显示。用滑块微调色相、饱和度、亮度与不透明度。
• 从图片取样 — 将图片文件拖到页面或选择上传。点击目标像素即可显示颜色代码。
• 创建渐变 — 点击渐变条添加并拖动色标；在线性与径向间切换。调整角度与不透明度至满意为止。
• 复制并复用 — 你的颜色与渐变会自动保存。复制代码或 CSS 粘贴到项目，或与团队共享。