Color Scheme Designer:免费网络调色工具

Color Scheme Designer一个免费的网络调色工具,不需注册就可使用。主要以色环的方式让使用者选择颜色,可加上六种不同的配色,让使用者可以很容易地调出令人赏心悦目的配色。

Color Scheme Designer 的六种配色方案:

  • Monochromatic(单色配色):以单一颜色做为基础色,再以饱合度、亮度变化出其它搭配的色。因为是属于同一个色系,所以这种配色法较能调配出舒适的色彩感受。
  • Complementary(互补色配色):以主色以及在色环对面的补色调出对比效果明显的配色。
  • Triad(三分色配色):以一个主色以及在色环对面的两个补色组成较为柔合的对比效果。
  • Tetrad(四分色配色):以两个主色以及在色环对面的两个补色营造出一种强烈的视觉效果。
  • Analogic(类似色配色):以一个主色以及在它两旁等距的两个补色调配出给人优雅、简洁的色彩感觉。
  • Accented Analogic(互补类似色配色):以三个类似色为基础,再加上色环对面的一个对比色构成一种既不失优雅又能强调重点的有效配色法。

英文URL:   http://colorschemedesigner.com/

中文URL:  http://www.peise.net/tools/web/

4a63a480gx6C4sOnQXy24&690

工具界面主要由2部分构成,左侧的颜色设置区域和右侧的颜色显示区域:

左侧颜色设置区域的上半部分,可以设置颜色种类:单色、双色对比色、三色对比色、四色相近对比色、三色相近色、三色相近对比色等。左侧下半部分是调整色相的颜色环,在最下面的菜单可以调整饱和度和明度。

右侧颜色显示区域,根据左侧选择的色相、饱和度和明度显示出配置后的主色和辅助色。通过下面菜单栏可以查看浅色页面示例和深色页面示例。

工具的应用方法:

1.确定要设计的页面基调。活泼的、严肃的、典雅的或朴素的等。

2.确定页面主色调和颜色种类。比如做女性服装页面设计,产品感觉是朴素、简单、大方。因此颜色以浅色、亮色为主。选择triad三色对比色,在色环上选择棕黄色主色调,调整通过滑动白色的定位点确定辅色色相。

3.通过adjust scheme调整饱和度和明度。可以在预置下拉列表中选择固有的模式,也可以自定义饱和度和明度。

4.查看右侧颜色展示区域preview的基本颜色配比情况,同时点击light page example,查看示例页面颜色搭配是否合理。如果不满意,可以返回重新调整色相、饱和度和明度。

两种方法导出颜色:

第一种,通过查看左侧下面的color list直接将颜色六位代码填入相关设计软件中。

第二种,点击页面右上角的export,导出一份aco文件到Photoshop中,然后在Photoshop中点击色板——载入色板/替换色板,导入生成的颜色。

官方网站:http://www.peise.net/tools/web/

1 1 收藏

资源整理者简介:Iiro_Zhang

简介还没来得及写 :) 个人主页 · 贡献了4个资源


直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer