[设计]用于轻松组合颜色的10种Web着色工具

设计海报和网站时的配色方案很深,这甚至是设计师始终担心的问题之一。

但是在设计上色彩安排的作用很大,通常情况下,一种颜色可以完全改变网站或事物的印象。

即使确定了基色和强调色的组合,您也可能会担心该颜色是否正确。

这次介绍的是一种方便的Web工具,可以一次性解决此类问题,并且在决定配色方案时很有用。如果您记得它,不仅设计师,导演和工程师也可以使用它,因此请使用它。

Web配色方案工具介绍

现在,我想介绍大约10种Web配色方案工具。您可以快速找到所需的颜色,也可以在组合颜色时将其用作示例,因此请访问。

色相/ 360

hue360

HUE / 360是一个网络工具,可以教您哪些颜色与一种键色匹配。

如果从调色板的圆圈中单击要用作主要颜色的颜色,则可以选择的颜色数量将减少,仅保留与第一个选择的颜色匹配的颜色。

所选颜色保存在底部,您可以自动获得与所选颜色匹配的颜色代码。

该网站本身简单易用。著名的幻灯片非设计师的配色方案但是,将介绍如何使用HUE / 360。

色相/ 360

帕莱顿–配色方案设计师

帕莱顿

Paletton是一个自动确定配色方案的Web服务。

如果选择一种基色,则将在右侧显示多种互补色。如果按右下角的“示例”,则在将颜色代码与网页匹配时,非常方便地查看示例页面。

一旦确定了自己喜欢的配色方案,就可以使用Photoshop调色板,“ HTML + CSS”或“ XML”将其导出,这是可以使用“ REDO”后退操作的不错的功能之一。

色彩安排方案设计师

色标

卡乐柯

色标是一种工具,使您只需单击一下即可轻松创建所需的颜色代码或配色方案。

当您将鼠标放在屏幕上时,颜色将自动更改,并且当您要查找的颜色出现时,请单击以保存该颜色。如果按屏幕右侧的加号按钮,则颜色会越来越多。

通过单击屏幕,选择多种颜色,然后从右列的菜单中生成颜色代码,可以将其保存为PNG或LESS格式。这是决定颜色的一种行为,但它是一种令人愉悦的用户体验。

色标

日本传统色彩– 2倍

2倍

2倍是一个网站,其中显示传统的日本色彩列表以及名称和RGB数值(颜色代码)。

在显示的颜色中,您可以发现在日常生活中几乎不会遇到的颜色,例如葡萄茶,日经色和立广色,因此只需滚动它们即可。很有趣。

▷2xUP

网页着色工具Ver2.0

网页着色工具Ver2.0

它是一个生成器,可让您在观看虚拟页面的预览时随意尝试颜色方案。

如果选择一种主题颜色,则它是一种便捷的工具,可以匹配适合它的颜色排列。要使用它,请操作屏幕右上方的颜色选择器以自动完成颜色排列。您也可以通过操作其下方的操作面板对其进行自定义。您可以将整个背景的各个部分的颜色更改为徽标的颜色。

网页着色工具Ver2.0

科尔.org

科尔

科尔.org是一个Web服务,可以通过从图像中提取颜色来自动创建调色板。

您可以使用“ Random flickr image”从Flickr中随机选择一张照片,也可以使用“ Load your own”上传自己的照片并提取颜色代码以创建调色板。您也可以通过将鼠标悬停在提取的颜色上来查看颜色代码。

科尔.org

领域:色彩理论可视化工具

领域:色彩理论可视化工具

领域:色彩理论可视化工具

领域也是一项服务,可让您通过选择一种颜色来轻松创建颜色。

颜色以与颜色匹配的配置输出,并可以AI或Photoshop(.AOC)格式保存。

有多种模式,例如“中性(连续颜色组合)”,“类似(比中性略多的颜色差异)”,“ Web安全(Web安全颜色:红色,绿色,蓝色,每6级216种颜色)”可以使用“独立定义的颜色集合”进行着色。

领域

多色引擎

彩色

多色引擎是一项服务,使您可以从指定的颜色搜索多个图像。

此处显示的图像是上传到Flickr的“知识共享”的图像。如果指定颜色比率,则与该颜色匹配的图像将显示在列表中。

多色引擎

色板和配色方案网站

色板和配色方案网站

色板和配色方案网站是色板Web工具,可让您从各种类别中选择色板。

在这里,您可以看到1600万种颜色的示例,这些示例可以在网络上以全色表示。

从红色,橙色,黄色,绿色,青色,蓝色,紫色,粉红色,棕色,白色和黑色类别中,您可以看到图像,网站以及与该颜色相关的相关颜色的列表。非常感谢您可以通过选择一种颜色立即找到参考站点。

色板和配色方案网站

日本色彩

日本色彩

可以说NIPPON COLORS是日本领先的配色方案网站之一,这并不夸张。

从颜色名称到该颜色的“ RGB / CMYK”,您都可以看到传统的日本颜色。该网站本身是使用HTML5制作的,当右侧的MUNSELL设置为“ ON”时,它变成3D效果令人惊讶。

您可以通过有趣的动作来学习传统的日本料理,因此对于那些对颜色不感兴趣的人来说,这是一个有趣的网站。另外,请注意,该“ 日本色彩”网站只能使用Safari或Chrome浏览器查看。

日本色彩– 日本の伝統色

作为颜色组合的示例!

你觉得呢?

有与颜色匹配的组合和与颜色不匹配的组合。通过感觉来布置颜色是很好的,但是如果有颜色布置的原因,则很容易说服,并且颜色布置的合理组合在设计上也很引人注目。

下次,如果您有一个场景来决定配色方案,例如网站,传单或海报徽标,请使用这些工具。

撰写本文的人

creive編集部

这是创意的编辑部门。我们将“存档”世界上存在的“创造性”事物。