网页设计调色（网页设计调色板）

本文目录一览：

• 1、如何在UI设计中正确地运用色彩
• 2、Ps在制作网页时需要使用什么颜色?
• 3、html网页背景颜色如何用rgb和十六进制表示?

如何在UI设计中正确地运用色彩

Designspiration.net想想一下，你已经有了一套配色方案，但是你还是想看一下他们组合起来的实际效果。这时候，强烈安利Designspiration给你。你可以选择5种颜色，然后搜索到使用这5种颜色的设计图。

空间的摆放一致。UI布局尽量符合格式塔原理中的接近性，即相互靠近的控件看起来尽量使一组。用结构来提高用户浏览长数字的能力，比如关于金额的表示，一般为2，548，1200元，其中的“，”符号的分割，方便用户清晰快速的读取。

通过色彩校正得到的同频色板，需要进一步制定同色系色阶，以衍生出更多颜色。在Sketch或PS中，连接品牌色与白色、黑色点，得到两条线段，将线段均分为5份，计算出S、B值，得到11个点的色板，即同色系色阶。色彩系统输出 整理输出主色、24同频色板、同色系色阶，形成产品的色彩系统。

深浅对比搭配 比如选用了深色，在深色背景上使用亮色文字，并在图片上叠加了颜色，让视觉重心停留在文字和相应按钮上。弹出菜单同样使用了深色主题。得益于各种字体和深浅对比的色彩，深色风格的更具完整性，受到偏爱。

远离纯灰色和纯黑色多年来，我学到的一个最重要的颜色技巧之一就是避免使用不带色调的灰色。在现实生活中，纯灰色几乎是不存在的。黑色也是同样的道理。（没错，事实上就是要五彩斑斓的黑）在这张图片中最深的颜色不纯黑，而是#0A0A10 记得给你的颜色添加一些色调。

第五步、在配色方面的分割2个色如果互相处于对立关系是对比的，具有过分强烈的效果，成为不调和色。为了调节它们，在这些色中用其它色把它们划分开来，即分割。将用于分割的色叫做分割色。由于分割的目的，可以用于分割色的颜色不多，最常用的是白、灰、黑。

Ps在制作网页时需要使用什么颜色?

1、红、黄、蓝是三原色网页设计调色，其他色彩都可以通过这三种色彩调和而成。网页HTML语言中网页设计调色的色彩表达即是用这三种颜色的数值表示网页设计调色，例如：红色是color (255，0，0)，十六进制的表示方法为(FF0000)，白色为(FFFFFF)，网页设计调色我们经常看到的bgColor=#FFFFFF就是指背景色为白色。 颜色分为非彩色和彩色两类。

2、红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如：红色是color (255，0，0)十六进制的表示方法为(FF0000)白色为(FFFFFF)， 我们经常看到的bgColor=#FFFFFF就是指背景色为白色。颜色分非彩色和彩色两类。

3、首先了解RGB，分别代表红色，绿色，蓝色。这三颜色叠加才形成其他的色彩，因为三个颜色都有256个亮度水平及，所以三种色彩叠加就形成1670万种颜色了。RGB三种颜色的叠加，这种模式叫做加色模式。所有显示器，或者是电子形式的，都依赖于这种模式显示颜色。cmyk 这是一种减色模式。

4、R代表红色，G代表绿色，B代表蓝色，通过这3个颜色叠加形成其他的色彩。因此RGB模式也叫做加色模式。因为这3种颜色都有256个亮度等级，所以能叠加形成1670万种颜色，是ps当中色彩色彩最佳的模式，在显示屏上显示颜色定义时，往往采用这种模式。图像如用于电视、幻灯片、网页、多媒体，一般使用RGB模式。

5、Ps如何制作网页网页设计调色？1 新建一个空白文件，打开“素材/网页素材jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层1”。使用“自由变换”调整大小。2 使用“矩形工具”将网页布局划分、颜色白色RGB为（2525255）、设置图层混合模式：投影 3 将形状图形载入选区。

6、所以色相数量为101*101*101=1030301种比rgb模式要少些 所以rgb模式颜色比CMYK模式颜色丰富得多，双方有共同的颜色，也有互不所属的颜色。注意PS设色器上面的几个小东西：三角形中间有个感叹号，两个平面，一个立方体小图标，他们是提示你颜色超类，web网页颜色超类，打印颜色超类的。

html网页背景颜色如何用rgb和十六进制表示?

1、颜色名称/网页设计调色，如春风般直接：只需输入background-color： red；，你网页设计调色的页面瞬间染上火红。RGB值/，精细到像素级：比如background-color： rgb(255， 0， 0)；，红色的精确度让人惊艳。十六进制代码/，色彩世界的秘密代码：如background-color： #ff0000；，简洁且强大。

2、颜色单词与代码：红色：使用单词形式为 red/，对应的十六进制代码是 #ff0000/，十进制表示为 rgb(255，0，0)/。 绿色：单词形式为 green/，十六进制代码是 #00ff00/，十进制为 rgb(0，255，0)/。

3、html网页背景颜色的代码background-color，语法格式为{background-color：transparent | color}，背景属性的颜色值设定方法可以采用英文单词、十六进制、RGB、HSL、HSLA和GRBA。