在线调色板工具集锦

0 to 255

整理这些玩意儿的初衷,
是来自调整 DF 首页的标签云。
由于太占位置,布局上感觉过于凌乱,
便想通过设定颜色,
而不是设定文字大小的方式进行调整。

但如果随意设定颜色似乎便失去了意义,
颜色的深浅倒是可以利用的方式。
在寻觅合适的颜色渐变方法时,
发现了一系列有趣的在线工具。

(基本思路是 Google,
“Color Picker”[选色]、
“Color Scheme”[配色]、
“Color Palette”[调色]。)

这些工具从简单到复杂,
从专注一方面到集成多功能,应有尽有。
而且由于设计师的不同,
相似的功能却有着不同的效果,
非常适合交叉引用。

Color Hex Values
http://www.guistuff.com/tools/css/colorhex.htm
(提供最全浏览器都支持的基本216色Hex值)

HTML Color Codes and Names
http://www.computerhope.com/htmcolor.htm
(完整颜色代码、效果及对应英文名。W3Schools最近总是抽风,备用。)

Quick Online Color Picker Tool
http://www.colorpicker.com/
(极至简洁的选色面板,可临时存储所选颜色)

Photoshop-like JavaScript Color Picker
http://johndyer.name/lab/colorpicker/
(简单的类PS选色板,方便在HSB/RGB之间选择)

Hexadecimal Color Code Generator
http://www.free-webmaster-tools.com/colorpicker.htm
(颜色十六进制与十进制RGB对应表,实测背景效果)

Color Picker 3.1
http://www.pagetutor.com/colorpicker/
(直观展示配色效果及文字效果)

Color Scheme Designer 3
http://www.colorschemedesigner.com/
(适于单色、多色的页面布局选择)

Color Schemer Online v2
http://www.colorschemer.com/online.html
(自动生成色调相近的多个颜色,并提供大致深浅调整)

Kuler
http://kuler.adobe.com/
(Adobe 旗下的配色方案群,举不胜数)

0 to 255
http://0to255.com/
(精确输出选定颜色的深浅状态)

Pictaculous
http://pictaculous.com/
(从上传图片中分析颜色信息,提供多个对应调色板)

Color Palette Generator
http://www.degraeve.com/color-palette/
(从网络图片分析颜色信息,生成配色方案,类似 Pictaculous)

Color Palette Generator
http://jrm.cc/color-palette-generator/
(从上传图片分析颜色信息,生成3×3、5×5、7×7精确或均衡的配色方案)

Webmaster’s Color Lab
http://www.visibone.com/colorlab/
(从六角形展开的色彩选择,支持多颜色比较)

Palette Picker
http://www.worqx.com/color/palette.htm
(以十字形为基础的页面配色效果测试)

Color Palette Creator v1.6.1
http://slayeroffice.com/tools/color_palette/
(制定基色后生成十种渐变色,可保留配色结果)

ColorBlender
http://www.colorblender.com/
(除了可以从RGB自动生成配色、变体,还能将其保存为ACT/EPS)

ColorZilla 2.0.2
https://addons.mozilla.org/zh-CN/firefox/addon/271/
(从火狐浏览器上随时选取颜色的插件)

2 个回应

  1. RobertL 2014年06月15日 / 20:13

    这么全,太厉害了…
    看不过来,随便试了几个用…

发表评论

电子邮件地址不会被公开。 必填项已用*标注