網(wǎng)站設(shè)計(jì)中用一種顏色的名稱的麻煩是，它從來沒有真正被視為完全相同的兩個(gè)不同的個(gè)人色彩 - 一個(gè)網(wǎng)站的情緒的影響，特別是如果他們的股份。命名的顏色，你最有可能給一個(gè)錯(cuò)誤的印象。即使是像“藍(lán)色”是不確定的。為了更準(zhǔn)確，也可能是“天空藍(lán)”，“海洋藍(lán)”，“牛仔藍(lán)”，甚至“電弧焊機(jī)藍(lán)色”。
簡(jiǎn)述隨個(gè)人口味和在上下文中與其他顏色搭配。我們的標(biāo)簽“靛藍(lán)”，“玉”，“橄欖樹”，“桔”，“紅字”或“余興節(jié)目”?！半娛摇钡降资鞘裁?？名稱和精確的色調(diào)變化 - 除非你是一個(gè)電腦。
守則要求精密
當(dāng)計(jì)算機(jī)命名的顏色，他們使用了所謂的十六進(jìn)制代碼，多數(shù)人來說，光澤度：24位色彩。也就是說，16,777,216獨(dú)特的6個(gè)字符由10個(gè)數(shù)字和字母的組合-前由哈希標(biāo)記。任何計(jì)算機(jī)語(yǔ)言一樣，有一個(gè)邏輯系統(tǒng)在發(fā)揮作用。設(shè)計(jì)者了解如何十六進(jìn)制顏色的工作，可以把他們作為工具，而不是奧秘的人。
打破成可管理的字節(jié)的十六進(jìn)制數(shù)
背光式屏幕上的像素是暗的，直到由紅色，綠色，和藍(lán)色的組合點(diǎn)亮。十六進(jìn)制數(shù)表示這些組合用簡(jiǎn)潔的代碼。該代碼是容易破碎。為了使＃970515感，我們需要看一下它的結(jié)構(gòu)：
第一個(gè)字符＃聲明，這是一個(gè)十六進(jìn)制數(shù)?！暗钠渌?個(gè)是真正的三對(duì)0-9和A-F。每對(duì)控制一個(gè)附加的原色。
數(shù)越高，各原色的是較亮的。在上面的例子中，97壓垮紅色，05的綠色的顏色和15的藍(lán)色的顏色。
每對(duì)只能容納兩個(gè)字符，但僅是中型的灰色＃999999。為了達(dá)到色彩亮度比99，只有兩個(gè)字符，每個(gè)字符的十六進(jìn)制數(shù)字用字母來代表10-16。甲，乙，?，e，?，后0-9和F使得甚至16，而不是像杰克，皇后，國(guó)王和卡的王牌。
作為數(shù)學(xué)，計(jì)算機(jī)代碼，十六進(jìn)制數(shù)字的字符串模式。例如，因?yàn)?0是小學(xué)和FF的缺乏是主要的，充滿力量，＃000000是黑色的（不初選），＃FFFFFF是白色的（初選）。我們可以建立在這些發(fā)現(xiàn)加色和減色。從黑色，每一對(duì)FF：
- ＃000000是黑色的，出發(fā)點(diǎn)。
- 0000＃FF代表最亮的紅色。
- ＃00FF00代表最明亮的綠色。
- ＃0000FF代表最明亮的藍(lán)色。
減色與白色，即開始的幫助＃FFFFFF。要減色原色，更改每對(duì)00：
- ＃FFFFFF是白色的出發(fā)點(diǎn)。
- ＃00FFFF代表最亮青色。
- ＃FF00FF表示最明亮的紫紅色。
- ＃FFFF00代表最亮的黃色。
在十六進(jìn)制的快捷方式
使用只有三個(gè)字符，如＃FAE的十六進(jìn)制數(shù)，這意味著，每個(gè)地方應(yīng)匹配的十六位。因此，＃，F(xiàn)AE擴(kuò)大到＃ffaaee＃09B的真正含義＃0099bb。這些速記的代碼提供了簡(jiǎn)潔的代碼。
在大多數(shù)情況下，人們可以通過忽略所有其他字符讀取一個(gè)十六進(jìn)制數(shù)，因?yàn)椴钪g的sixteens的地方告訴我們超過個(gè)位。也就是說，它是很難看到在41和42之間的差異，更容易衡量的是41和51之間的差異。
上面的例子有足夠的差異在其十六地方的顏色容易被猜到的 - 大量的紅，有藍(lán)，沒有綠。這將為我們提供一個(gè)溫暖的紫色。在第二個(gè)例子中（9,9和8）的數(shù)萬非常相似。要判斷這顏色，我們需要檢查的那些（7，0，和5）。十六進(jìn)制顏色的十六地方越近，比較中性的（即不飽和）會(huì)。
十六進(jìn)制為你工作
了解十六進(jìn)制顏色可以讓設(shè)計(jì)師做多同事和客戶留下深刻的印象，說：“啊，好乘涼的勃艮第?！笔M(jìn)制顏色，讓設(shè)計(jì)人員在飛行中的顏色進(jìn)行調(diào)整，以提高可讀性，在樣式表中識(shí)別元素的顏色，發(fā)色計(jì)劃的方式大多數(shù)圖像編輯器不能。
將燈罩的性質(zhì)
變亮或變暗的顏色，往往是一個(gè)人的傾斜調(diào)節(jié)其亮度，這使得運(yùn)行的顏色的范圍從黑暗的輝煌，但失去了它的性質(zhì)的任何一端的規(guī)模。例如，下面中間的綠色變得決然黑的時(shí)候減少到20％的亮度。提高到100％，一次中性的綠色收益活力。
一個(gè)有趣的事情發(fā)生了，當(dāng)我們把十六進(jìn)制顏色，就好像它們是增量為10。通過添加一個(gè)到每個(gè)每對(duì)左手的字符，我們提出了一種顏色的亮度的同時(shí)，降低其飽和。這可以防止在給定的顏色深淺不一的，太密切徘徊在球場(chǎng)黑色或輝煌的霓虹燈。改變十六進(jìn)制對(duì)保留的本質(zhì)的顏色。
在上面的例子中，最上方的陰影，獲得黃色或下降為黑色，即使它在技術(shù)上是相同的綠色色調(diào)。通過改變其十六進(jìn)制對(duì)，第二組保持更自然的色調(diào)。
褪色強(qiáng)調(diào)
默認(rèn)情況下，瀏覽器下劃線的文本表示鏈接。但厚強(qiáng)調(diào)字母'的下伸干擾。設(shè)計(jì)人員可以強(qiáng)調(diào)不那么礙眼的十六進(jìn)制顏色縮減。這樣做是為了使標(biāo)簽的背景色，而文字本身的映襯下獲得對(duì)比度。
- 在明亮的背景上的黑色文字，我們的鏈接更亮。
- 明亮的文本在深色背景上，我們的鏈接顏色較深。
為了使這項(xiàng)工作，每一個(gè)嵌入的鏈接需要跨度內(nèi)的每：
{文本裝飾：下劃線顏色：＃aaaaff;}
跨度{文本裝飾：無;顏色：＃0000FF;}
你可以在這里看到，強(qiáng)調(diào)在相同顏色的文本可能會(huì)干擾部分類型掉落在基線下方。改變下劃線類似的背景，更加緊密地使下行字母更易于閱讀，盡管大多數(shù)瀏覽器將強(qiáng)調(diào)上面的字體。
每一個(gè)錨標(biāo)記中添加跨度可能會(huì)出現(xiàn)問題。一種流行的替代方法是刪除下劃線和添加邊框底部：
{文本裝飾：無;底部邊框：1px固體＃aaaaff;}
更好的身體復(fù)制
一個(gè)反復(fù)出現(xiàn)的設(shè)計(jì)問題是一個(gè)特定的顏色可能在技術(shù)上是正確的，但有一個(gè)意想不到的效果。例如，一些設(shè)計(jì)要求的標(biāo)頭和正文是相同的顏色。我們必須記住，越厚招大文本出現(xiàn)，顏色越深的小文出現(xiàn)。
H1，P {顏色：＃797979;}
H1 {顏色：＃797979;}
P {顏色：＃393939;}
雖然技術(shù)上是相同的，身體的副本窄，更細(xì)膩的字體，使其外觀亮度比的標(biāo)題。降低sixteens的地方，將會(huì)使文本更容易閱讀。
如何溫暖或冷卻的背景
中性的背景可能很容易讀對(duì)的，但沒有“中性”的意思是“平淡”。調(diào)整的第一個(gè)和最后一個(gè)字節(jié)可以使一個(gè)背景巧妙地溫暖或冷卻器。
- ＃404040?-中性
- ＃504030?-回暖
- ＃304050?-冷卻器
那是太多？一個(gè)更微妙的轉(zhuǎn)變，使用的地方，而不是：
- ＃404040?-中性
- ＃594039?-回暖
- ＃394059?-冷卻器
協(xié)調(diào)的顏色復(fù)制 - 粘貼
認(rèn)識(shí)到結(jié)構(gòu)的一個(gè)十六進(jìn)制數(shù)的數(shù)字/字母對(duì)，為設(shè)計(jì)人員提供了一個(gè)獨(dú)特的工具，探索的色彩組合。不同的色輪和圖表，重新安排對(duì)一個(gè)十六進(jìn)制數(shù)是一個(gè)簡(jiǎn)單的過程，改變色調(diào)，同時(shí)保持相似的值。作為獎(jiǎng)勵(lì)，其結(jié)果可能是不可預(yù)知的。最簡(jiǎn)單的技術(shù)是移動(dòng)到一個(gè)不同的點(diǎn)，其中交易原色1對(duì)字符。
常見的設(shè)計(jì)技術(shù)，使文字或其他視覺元素，配合照片是在該照片中使用的顏色。了解的十六進(jìn)制顏色可以更進(jìn)了一步，獲得新的顏色協(xié)調(diào)與照片不采取直接從照片。
展望未來
不要讓代碼恐嚇。隨著一點(diǎn)點(diǎn)的創(chuàng)造力，十六進(jìn)制顏色是一種工具，在您的處置。如果不出意外，下一次有人問，如果你能解決的問題在任何語(yǔ)言的代碼，你可以簡(jiǎn)單地說：網(wǎng)站顏色對(duì)訪問者的影響很大！
本文作者來自北京傳誠(chéng)信，轉(zhuǎn)載請(qǐng)注明出處：北京傳誠(chéng)信（saddlebargains.com）
