Skip to main content

渐变配色轻松搞定,高逼格的在线配色神器-ColorSpace

「ColorSpace」是一款看起来高级感满满的在线配色工具,让设计师们能快速生成炫酷的配色方案。ColorSpace目前提供了三种配色方式:单色生成调色盘、双色渐变、三色渐变。

打开「ColorSpace」首页,除了高逼格的设计风格,其功能交互也是非常直观。

ColorSpace
ColorSpace

点击【主色调】区域,可以通过修改RGB值、HEX色码及手动选色,来设置“主色”。

修改色码

选择完成后,点击【GENERATE】按钮,即可快速生成配色方案。

生成调色盘


「ColorSpace」 为我们生成多套配色方案,向下移动将加载更多的配色方案。

丰富的配色方案

生成的配色包含HEX色码,可以复制后,用于设计项目中。

复制HEX色码

点击顶部菜单的【GRADIENT】按钮,可设置双色渐变方案。

访问双色渐变配色页面

选择渐变方式和两个渐变色,点击【GENERATE】按钮,即可实时预览渐变色方案。

生成双色渐变方案

ColorSpace还提供了CSS代码可供直接复制使用,相当贴心!

复制CSS代码

点击顶部菜单的【3-COLOR-GRADIENT】按钮,可设置三色渐变方案。

访问三色渐变配色页面

设置方式和双色渐变相同,同样也可生成CSS code。

生成三色渐变方案