Skip to main content

【大赞】简单好用的在线配色网站-Colourco

颜色搭配对于设计师来说,是一件非常重要的事。我们之前已经介绍过多个色彩搭配工具,本次要介绍的「Colourco」也是一款在线配色工具,其有一些独特的配色功能,值得大家一试。

Colourco

Colourco网址:https://colourco.de

「Colourco」提供八种配色模式,分别为:

  1. Free Build(自由选择)
  2. Monochrome(单色)
  3. Monochrome & Dark Gray(单色和深灰)
  4. Monochrome & Light Gray(单色和浅灰)
  5. Analogic(类比)
  6. Analogic & Complement(类比和补充)
  7. Triad(三色)
  8. Quad(四色)
配色方式

在Free Build模式中,可以在选色区域移动鼠标,找到想要的颜色后,点击鼠标左键即可锁定该颜色,同时获取到该颜色的HEX值。

颜色HEX

点击右侧【+】可以继续添加颜色。

添加新配色

在新的选色区域中,出现的黑点,既为已选颜色所在位置。

已有配色位置

如果想删除已选颜色,可以点击该颜色上的【垃圾桶】图标,即可删除。

删除颜色

点击颜色下方的【设置】按钮,可对颜色进行微调。

设置颜色

支持HEX、RGB、HSL、HSV、CMY、CMYK六种颜色设置模式。

修改色码

配色完成后,点击左侧导航条中的【Download】按钮,打开对话框后可以看到,「Colourco」提供样式保存、色卡图片、配色链接三种。

保存配色

点击【Stylesheet】,可保存配色方案为*.scss格式文件;

下载SCSS文件

点击【Color palette】,可保存配色方案为png格式的色卡图片。

保存色卡图片

点击【Permalink】,可新窗口打开专属配色链接,用于分享和保存。

获得颜色分享链接