1.5.3 色轮配色工具
前文介绍了使用色轮进行配色的6种基本方法,在实际应用中已经有比较完善的配色工具可供使用,如Petr Stanicek设计的高级配色工具(Color Scheme Designer,搜索引擎直接搜索该英文名字即可找到该在线工具)。
高级配色工具的界面如图1-5-11所示,其左上角的6个图标表示6种色轮配色方法,左下角为标注了冷(cold)暖(warm)色的色轮,右侧显示了配色预览区域。该工具默认使用单色搭配,在色轮上面拖动黑色小圆点即可获得不同色相的单色系配色,互补色搭配的使用方法也是如此。
图1-5-11 高级配色工具的界面
而三角形搭配通过一个黑色小圆点和两个白色小圆点来调节,拖动黑色小圆点可以旋转不同的角度以获得对应的色相,拖动白色小圆点则可以修改两个白色小圆点之间的夹角,以获得等距三色系配色和分裂互补色配色等,如图1-5-12所示。
图1-5-12 高级配色工具中的三角形搭配
矩形搭配则通过两个小黑点和两个小白点组成过中心的两条对角线,并拖动白色小圆点修改两条对角线之间的夹角,从而实现各种四色系配色方案。同时,拖动黑色小圆点可以旋转不同的角度以获得色相角度,夹角和色相分别在色轮的右上角和左上角显示。矩形搭配如图1-5-13所示。
图1-5-13 高级配色工具中的矩形搭配
类似色搭配和类似色搭配互补色也是通过类似的方法拖动黑色和白色小圆点来完成色彩搭配的。
这样在色轮上获得的色彩的饱和度和明度是固定的,如果需要调节,则可以单击左侧底边栏的“配色方案调节”按钮,选择不同的“预设”类型,或者手动调节“配色方案饱和度/明度”“配色对比度”等,如图1-5-14所示。一般采用默认的色彩搭配就很好了。
图1-5-14 调节色彩的饱和度和明度
完成色彩搭配后,可以将鼠标光标悬停在右侧的配色预览区域以查看十六进制的RGB颜色码;也可以单击左侧底边栏的“色彩列表”按钮以查看所有的十六进制颜色码,如图1-5-15所示。
图1-5-15 十六进制颜色码
由于GraphPad Prism不能使用十六进制颜色码,因此需要通过搜索引擎搜索“RGB颜色值与十六进制颜色码转换”,找到一些网页小工具将十六进制颜色码转换成RGB颜色值,如图1-5-16所示,再将RGB颜色值输入GraphPad Prism拾色器面板中,进行颜色自定义。
图1-5-16 将十六进制颜色码转换成RGB颜色值
这种通过在线工具转换的方法并不方便,但是可以用于转换非屏幕显示的颜色。而一些屏幕截图工具在截图的同时往往自带显示RGB颜色值的功能。比如,在微信、QQ自带的截图工具中就有识别RGB颜色值的功能,如图1-5-17(a)和图1-5-17(b)所示,在使用这两者截图时只能先自动选取截图区域,而鼠标光标在选定的截图区域划过时就会获取所在点的RGB颜色值。另外,更好用的专业屏幕截图—贴图工具是Snipaste,如图1-5-17(c)所示,在使用它截图时可以自由选定区域,然后由鼠标光标获取指定点的RGB颜色值。此外,还有屏幕颜色识别小工具ColorPix,如图1-5-17(d)所示,这是一个非常小的单文件小软件,可以识别多种色彩模式下的颜色值,如RGB、HSB、CMYK等,但是对于高清显示屏的图片颜色值的获取,可能会出现错位现象,效果不太好。
图1-5-17 其他获取RGB颜色值的方法
还有一个色轮配色工具是Adobe公司的Adobe Color(搜索引擎直接搜索该英文名字即可找到该在线工具,以前称为Kuler),如图1-5-18所示。该工具的左侧是配色方案,与1.5.2节介绍的6种色轮配色方法类似。在右侧的色轮上面,最多能列出5个小圆圈。首先需要找到带有白色小三角的圆圈,可以统一旋转以选择不同的色相,也可以统一沿半径拖动以选择不同的饱和度,其代表的色块颜色位于色轮下方5个色块颜色的正中间;其他4个不同颜色的小圆圈则代表剩下的4个色块颜色,可以自由旋转各自的色相角度和调节各自的饱和度。
这个配色工具最大的好处是可以在左下角选择色彩模式,如果选择RGB选项,则会自动获得各个色块颜色的RGB颜色值,可以将其直接输入GraphPad Prism拾色器面板中使用。
在RGB颜色值的最下面一排,可以分别调节各种色彩的明度。
在获取各配色方案的RGB颜色值之后,就可以在GraphPad Prism拾色器面板中自定义颜色并使用了。具体操作过程见3.2.1节和3.2.3节中绘制实例的相关内容。
图1-5-18 Adobe Color色轮配色工具