网站设计中用一种颜色的名称的麻烦是，它从来没有真正被视为完全相同的两个不同的个人色彩 - 一个网站的情绪的影响，特别是如果他们的股份。命名的颜色，你最有可能给一个错误的印象。即使是像“蓝色”是不确定的。为了更准确，也可能是“天空蓝”，“海洋蓝”，“牛仔蓝”，甚至“电弧焊机蓝色”。
简述随个人口味和在上下文中与其他颜色搭配。我们的标签“靛蓝”，“玉”，“橄榄树”，“桔”，“红字”或“余兴节目”。“电石灰”到底是什么？名称和精确的色调变化 - 除非你是一个电脑。
守则要求精密
当计算机命名的颜色，他们使用了所谓的十六进制代码，多数人来说，光泽度：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。通过添加一个到每个每对左手的字符，我们提出了一种颜色的亮度的同时，降低其饱和。这可以防止在给定的颜色深浅不一的，太密切徘徊在球场黑色或辉煌的霓虹灯。改变十六进制对保留的本质的颜色。
在上面的例子中，最上方的阴影，获得黄色或下降为黑色，即使它在技术上是相同的绿色色调。通过改变其十六进制对，第二组保持更自然的色调。
褪色强调
默认情况下，浏览器下划线的文本表示链接。但厚强调字母'的下伸干扰。设计人员可以强调不那么碍眼的十六进制颜色缩减。这样做是为了使标签的背景色，而文字本身的映衬下获得对比度。
- 在明亮的背景上的黑色文字，我们的链接更亮。
- 明亮的文本在深色背景上，我们的链接颜色较深。
为了使这项工作，每一个嵌入的链接需要跨度内的每：
{文本装饰：下划线颜色：＃aaaaff;}
跨度{文本装饰：无;颜色：＃0000FF;}
你可以在这里看到，强调在相同颜色的文本可能会干扰部分类型掉落在基线下方。改变下划线类似的背景，更加紧密地使下行字母更易于阅读，尽管大多数浏览器将强调上面的字体。
每一个锚标记中添加跨度可能会出现问题。一种流行的替代方法是删除下划线和添加边框底部：
{文本装饰：无;底部边框：1px固体＃aaaaff;}
更好的身体复制
一个反复出现的设计问题是一个特定的颜色可能在技术上是正确的，但有一个意想不到的效果。例如，一些设计要求的标头和正文是相同的颜色。我们必须记住，越厚招大文本出现，颜色越深的小文出现。
H1，P {颜色：＃797979;}
H1 {颜色：＃797979;}
P {颜色：＃393939;}
虽然技术上是相同的，身体的副本窄，更细腻的字体，使其外观亮度比的标题。降低sixteens的地方，将会使文本更容易阅读。
如何温暖或冷却的背景
中性的背景可能很容易读对的，但没有“中性”的意思是“平淡”。调整的第一个和最后一个字节可以使一个背景巧妙地温暖或冷却器。
- ＃404040 -中性
- ＃504030 -回暖
- ＃304050 -冷却器
那是太多？一个更微妙的转变，使用的地方，而不是：
- ＃404040 -中性
- ＃594039 -回暖
- ＃394059 -冷却器
协调的颜色复制 - 粘贴
认识到结构的一个十六进制数的数字/字母对，为设计人员提供了一个独特的工具，探索的色彩组合。不同的色轮和图表，重新安排对一个十六进制数是一个简单的过程，改变色调，同时保持相似的值。作为奖励，其结果可能是不可预知的。最简单的技术是移动到一个不同的点，其中交易原色1对字符。
常见的设计技术，使文字或其他视觉元素，配合照片是在该照片中使用的颜色。了解的十六进制颜色可以更进了一步，获得新的颜色协调与照片不采取直接从照片。
展望未来
不要让代码恐吓。随着一点点的创造力，十六进制颜色是一种工具，在您的处置。如果不出意外，下一次有人问，如果你能解决的问题在任何语言的代码，你可以简单地说：网站颜色对访问者的影响很大！
本文作者来自北京传诚信，转载请注明出处：北京传诚信（www.ccxcn.com）
