Color Picker
上传图片自动提取主色调调色板,吸管点击任意像素读取精确色值,HEX/RGB/HSL 一键复制——从优秀作品里「借」配色,从未如此直接。
点击选择图片,或拖拽图片到这里
也可以直接粘贴截图上传
自动提取主色调调色板 + 吸管逐像素取色,纯本地分析不上传
优秀设计的配色往往不是凭空想出来的,而是从真实世界「借」来的:一张落日照的暖橙渐变、一幅海报的撞色组合、一个优秀产品的界面色板。看到好配色,截个图丢进来,调色板立刻拆解出它的色彩构成。
拿到主色调后,用 HSL 格式做延展最顺手:固定色相与饱和度,调高明度得到 hover 态、调低得到 active 态;或固定明度、改变色相得到同梯度的辅助色。这比在 HEX 上盲调要可控得多。
前端开发还可以把取到的色值直接写进 CSS 变量或 Tailwind 配置。如果是从品牌资料里取官方色值,建议用吸管多点几处确认——印刷扫描件常有轻微色偏,取中心纯净区域的像素最准。