网站颜色对访问者的影响!

申请免费试用、咨询电话：400-8352-114

网站设计中用一种颜色的名称的麻烦是，它从来没有真正被视为完全相同的两个不同的个人色彩 - 一个网站的情绪的影响，特别是如果他们的股份。命名的颜色，你最有可能给一个错误的印象。即使是像“蓝色”是不确定的。为了更准确，也可能是“天空蓝”，“海洋蓝”，“牛仔蓝”，甚至“电弧焊机蓝色”。

简述随个人口味和在上下文中与其他颜色搭配。我们的标签“靛蓝”，“玉”，“橄榄树”，“桔”，“红字”或“余兴节目”。“电石灰”到底是什么？名称和精确的色调变化 - 除非你是一个电脑。

守则要求精密

当计算机命名的颜色，他们使用了所谓的十六进制代码，多数人来说，光泽度：24位色彩。也就是说，16,777,216独特的6个字符由10个数字和字母的组合-前由哈希标记。任何计算机语言一样，有一个逻辑系统在发挥作用。设计者了解如何十六进制颜色的工作，可以把他们作为工具，而不是奥秘的人。

打破成可管理的字节的十六进制数

背光式屏幕上的像素是暗的，直到由红色，绿色，和蓝色的组合点亮。十六进制数表示这些组合用简洁的代码。该代码是容易破碎。为了使＃970515感，我们需要看一下它的结构：

第一个字符＃声明，这是一个十六进制数。“的其他6个是真正的三对0-9和A-F。每对控制一个附加的原色。

数越高，各原色的是较亮的。在上面的例子中，97压垮红色，05的绿色的颜色和15的蓝色的颜色。

每对只能容纳两个字符，但仅是中型的灰色＃999999。为了达到色彩亮度比99，只有两个字符，每个字符的十六进制数字用字母来代表10-16。甲，乙，?，e，?，后0-9和F使得甚至16，而不是像杰克，皇后，国王和卡的王牌。

作为数学，计算机代码，十六进制数字的字符串模式。例如，因为00是小学和FF的缺乏是主要的，充满力量，＃000000是黑色的（不初选），＃FFFFFF是白色的（初选）。我们可以建立在这些发现加色和减色。从黑色，每一对FF：

• ＃000000是黑色的，出发点。
• 0000＃FF代表最亮的红色。
• ＃00FF00代表最明亮的绿色。
• ＃0000FF代表最明亮的蓝色。

减色与白色，即开始的帮助＃FFFFFF。要减色原色，更改每对00：

• ＃FFFFFF是白色的出发点。
• ＃00FFFF代表最亮青色。
• ＃FF00FF表示最明亮的紫红色。
• ＃FFFF00代表最亮的黄色。

在十六进制的快捷方式

使用只有三个字符，如＃FAE的十六进制数，这意味着，每个地方应匹配的十六位。因此，＃，FAE扩大到＃ffaaee＃09B的真正含义＃0099bb。这些速记的代码提供了简洁的代码。

在大多数情况下，人们可以通过忽略所有其他字符读取一个十六进制数，因为差之间的sixteens的地方告诉我们超过个位。也就是说，它是很难看到在41和42之间的差异，更容易衡量的是41和51之间的差异。

上面的例子有足够的差异在其十六地方的颜色容易被猜到的 - 大量的红，有蓝，没有绿。这将为我们提供一个温暖的紫色。在第二个例子中（9,9和8）的数万非常相似。要判断这颜色，我们需要检查的那些（7，0，和5）。十六进制颜色的十六地方越近，比较中性的（即不饱和）会。

十六进制为你工作

了解十六进制颜色可以让设计师做多同事和客户留下深刻的印象，说：“啊，好乘凉的勃艮第。”十六进制颜色，让设计人员在飞行中的颜色进行调整，以提高可读性，在样式表中识别元素的颜色，发色计划的方式大多数图像编辑器不能。

将灯罩的性质

变亮或变暗的颜色，往往是一个人的倾斜调节其亮度，这使得运行的颜色的范围从黑暗的辉煌，但失去了它的性质的任何一端的规模。例如，下面中间的绿色变得决然黑的时候减少到20％的亮度。提高到100％，一次中性的绿色收益活力。

一个有趣的事情发生了，当我们把十六进制颜色，就好像它们是增量为10。通过添加一个到每个每对左手的字符，我们提出了一种颜色的亮度的同时，降低其饱和。这可以防止在给定的颜色深浅不一的，太密切徘徊在球场黑色或辉煌的霓虹灯。改变十六进制对保留的本质的颜色。

在上面的例子中，最上方的阴影，获得黄色或下降为黑色，即使它在技术上是相同的绿色色调。通过改变其十六进制对，第二组保持更自然的色调。

褪色强调

默认情况下，浏览器下划线的文本表示链接。但厚强调字母'的下伸干扰。设计人员可以强调不那么碍眼的十六进制颜色缩减。这样做是为了使标签的背景色，而文字本身的映衬下获得对比度。

• 在明亮的背景上的黑色文字，我们的链接更亮。
• 明亮的文本在深色背景上，我们的链接颜色较深。

为了使这项工作，每一个嵌入的链接需要跨度内的每<A>：

{文本装饰：下划线颜色：＃aaaaff;}

跨度{文本装饰：无;颜色：＃0000FF;}

你可以在这里看到，强调在相同颜色的文本可能会干扰部分类型掉落在基线下方。改变下划线类似的背景，更加紧密地使下行字母更易于阅读，尽管大多数浏览器将强调上面的字体。

每一个锚标记中添加跨度可能会出现问题。一种流行的替代方法是删除下划线和添加边框底部：

{文本装饰：无;底部边框：1px固体＃aaaaff;}

更好的身体复制

一个反复出现的设计问题是一个特定的颜色可能在技术上是正确的，但有一个意想不到的效果。例如，一些设计要求的标头和正文是相同的颜色。我们必须记住，越厚招大文本出现，颜色越深的小文出现。

H1，P {颜色：＃797979;}

H1 {颜色：＃797979;}

P {颜色：＃393939;}

虽然技术上是相同的，身体的副本窄，更细腻的字体，使其外观亮度比的标题。降低sixteens的地方，将会使文本更容易阅读。

如何温暖或冷却的背景

中性的背景可能很容易读对的，但没有“中性”的意思是“平淡”。调整的第一个和最后一个字节可以使一个背景巧妙地温暖或冷却器。

• ＃404040 -中性
• ＃504030 -回暖
• ＃304050 -冷却器

那是太多？一个更微妙的转变，使用的地方，而不是：

• ＃404040 -中性
• ＃594039 -回暖
• ＃394059 -冷却器

协调的颜色复制 - 粘贴

认识到结构的一个十六进制数的数字/字母对，为设计人员提供了一个独特的工具，探索的色彩组合。不同的色轮和图表，重新安排对一个十六进制数是一个简单的过程，改变色调，同时保持相似的值。作为奖励，其结果可能是不可预知的。最简单的技术是移动到一个不同的点，其中交易原色1对字符。

常见的设计技术，使文字或其他视觉元素，配合照片是在该照片中使用的颜色。了解的十六进制颜色可以更进了一步，获得新的颜色协调与照片不采取直接从照片。

展望未来

不要让代码恐吓。随着一点点的创造力，十六进制颜色是一种工具，在您的处置。如果不出意外，下一次有人问，如果你能解决的问题在任何语言的代码，你可以简单地说：网站颜色对访问者的影响很大！

本文作者来自北京北京信，转载请注明出处：北京北京信（https://www.fanpusoft.com/）