天蚕在你身边

不方便打电话?让天蚕联络你

我们存在,我们思索,我们不断进取首页 >> 资讯 >> 网站建设行业新闻
重庆网络公司:网站十六进制简说颜色

网站十六进制简说颜色 

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

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

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

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

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

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

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

图显示了如何通过上述0-9的十六进制颜色

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

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

减色与白色,即开始的帮助#FFFFFF。要减色原色,更改每对00:

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

混合添加剂的色彩,使subtractives
在十六进制的快捷方式

使用只有三个字符,如#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对字符。

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

如何交换原色的例子可以得到协调,但有趣的结果
展望未来


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

重庆网络公司


地址:重庆市渝中区上清寺鑫隆达B座28-8

邮编:400015

电话:023-63612462

EMAIL:cnjl_net@163.com

渝ICP备09007657号-6

渝公网安备 50010302000872号

渝中区网站建设江津网站建设渝北网站建设南坪网站建设大渡口网站建设沙坪坝网站建设九龙坡网站建设巴南区网站建设
北碚网站建设江北网站建设永川网站建设万盛网站建设梁平网站建设秀山网站建设大足网站建设天蚕网络动态