配色助手

返回工具入口

不用懂色彩理论:传一张 Logo / 截图自动取色,或按行业挑一套现成方案, 马上得到一整套能直接用的配色 —— 含深色模式、语义色、图表色,并自动校验文字对比度。

1从图片取色(最省事)

点这里选图片,或把图片拖进来 / 直接粘贴截图 Logo、Banner、产品图都行,会自动挑出最适合当主色的颜色
用于取色的图片

图片只在本机浏览器里分析,不会上传到服务器。

2按行业挑现成方案

每套方案的主色都取自开源设计系统的官方色板,整套搭配按设计规则算好,点一下就能用。

3微调(可选)

4自动检查

    5拿走去用

    实时预览

    预览里每一块用的都是这套色:导航、主视觉、按钮、表单、数据卡、表格、状态标签、图表、价格卡、提示条。

    主色阶(50 → 950)

    做页面时只用这一排就够了:50 / 100 当浅底,500 / 600 当主色,700 以上当 hover 与深色背景。

    整套色值