设计师必备—-免费网站配色网络调色工具Color Scheme Designer网站

  • A+
所属分类:Photoshop笔记

免费注册,网站色环方式选择,通过色相、互补色、类似色等规划出完美的配色

设计师必备----免费网站配色网络调色工具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/工具界面主要由2部分构成,左侧的颜色设置区域和右侧的颜色显示区域:
左侧颜色设置区域的上半部分,可以设置颜色种类:单色、双色对比色、三色对比色、四色相近对比色、三色相近色、三色相近对比色等。左侧下半部分是调整色相的颜色环,在最下面的菜单可以调整饱和度和明度。
右侧颜色显示区域,根据左侧选择的色相、饱和度和明度显示出配置后的主色和辅助色。通过下面菜单栏可以查看浅色页面示例和深色页面示例。

工具的应用方法:
1.确定要设计的页面基调。活泼的、严肃的、典雅的或朴素的等。
2.确定页面主色调和颜色种类。比如做女性服装页面设计,产品感觉是朴素、简单、大方。因此颜色以浅色、亮色为主。选择triad三色对比色,在色环上选择棕黄色主色调,调整通过滑动白色的定位点确定辅色色相。
3.通过adjust scheme调整饱和度和明度。可以在预置下拉列表中选择固有的模式,也可以自定义饱和度和明度。
4.查看右侧颜色展示区域preview的基本颜色配比情况,同时点击light page example,查看示例页面颜色搭配是否合理。如果不满意,可以返回重新调整色相、饱和度和明度。

两种方法导出颜色:
第一种,通过查看左侧下面的color list直接将颜色六位代码填入相关设计软件中。
第二种,点击页面右上角的export,导出一份aco文件到Photoshop中,然后在Photoshop中点击色板——载入色板/替换色板,导入生成的颜色。

  • 我的微信小程序
  • 长按二维码识别查看微信小程序
  • weinxin
  • 我的个人微信号
  • 长按识别加我个人微信号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: