国产亚洲欧美日韩精品,影院在线观看全集免费观看,日本成人小视频

顏色的代碼表達式
知道為什么給色彩命名總是很麻煩嗎？因為任何兩個人都沒法對同一個顏色進行精確的感知和描述——尤其是當他們受到網(wǎng)站自身的情緒或氣質(zhì)影響時。給色彩命名，最容易被印象所誤導。即使像“藍色”這樣的說法也是不確切的。比如為了更準確，可以說是“天藍”，“海藍”，“牛仔藍”或是“電焊火光藍（arc welder blue）”。

描述的差異跟個人品味和所處環(huán)境都有關(guān)系。比如我們標注的“靛藍”，“翡翠綠”，“橄欖綠”，“橘黃”，“緋紅色”以及“卡巴萊（cabaret）”等。“酸橙（electric lime，大概是這個色）”到底是個什么顏色？你知道它的名字和精確的色調(diào)變化？——除非你是臺電腦。

精確的代碼表示

電腦在命名一個顏色時，通常使用所謂的十六進制代碼來表示24位色彩。也就是說，通過用10個數(shù)字加6個字母的排列組合形式，可以產(chǎn)生 16,777,216 種不同的6位字符——在哈希標記出現(xiàn)之前。與任何計算機語言一樣，這其中也是蘊含邏輯的。如果設(shè)計師了解了十六進制色彩的工作原理，那它就不再是什么神秘的東西，而是一種工具。

把十六進制拆成易控制的字節(jié)

在背光顯示屏上，像素點是暗的，只有當紅，綠，藍組合以后，像素才被點亮。采用簡潔的十六進制表示這些代碼組合，這樣代碼就容易理解了。如#970515，我們來看一下它的結(jié)構(gòu)：# 表示這是一個十六進制數(shù)，其余的6個字符被 0-9 和 a-f 分成三部分，每部分控制一個原色。

顏色的代碼表達式

數(shù)值越高，原色就越亮。如上例，97 覆蓋了紅色，05 是綠色，15是藍色。

每部分只能容納2個字符，#999999 是中度灰。當顏色亮度高于99時，就換用2個字符替代10-16來表示。

顏色的代碼表達式

十六進制字符串模式對計算機來說是友好的。例如，00 代表沒有原色，ff 代表充滿原色，那么 #000000 表示黑色，而 #ffffff 就表示白色。我們可以在此基礎(chǔ)上找到加色和減色。從黑色開始，逐漸把每一部分改成 ff：

#000000 黑色，實驗的起始點
#ff0000 亮紅色
#00ff00 亮綠色
#0000ff 亮藍色

減色就是從白色開始，即#ffffff 。要找到減色三原色，只要把每一部分改成00：

#ffffff 白色，這一輪的起始點
#00ffff 亮青色
#ff00ff 亮洋紅色
#ffff00 亮黃色

顏色的代碼表達式

顏色代碼的縮寫

顏色代碼最短可以使用3個字符，比如 #fae，個位對應十六進位（擴展閱讀）。展示完整的話應該是 #ffaaee，跟 #09b 對應 #0099bb 是一個意思。這樣簡潔的代碼形式為快速記憶提供了方便。

在大多數(shù)情況下，我們可以讀出十六進制數(shù)，因為個位和十六進位之間是有差異的。也就是說，你可能很難看出41跟42的差距，但一眼就能分辨出41和51來。

顏色的代碼表達式

上例中，利用十六進位的差異，很容易就能猜出是什么顏色——大量的紅，一些藍，沒有綠。這是一種溫暖的紫色。第二個例子中，十位（9，9，8）非常相近。要判斷這個顏色，就得從個位（7，0，5）著手了。在接近十六進位地方的顏色都比較中性（即，不飽和）。

讓十六進制為你工作

理解了十六進制色彩可以讓設(shè)計師做的更好。通過它可以大大提高色彩的易讀性，不但能從樣式表里識別色彩元素，還能產(chǎn)生出就連圖片編輯們都沒法做出的色彩方案。

保持漸變的特征

讓顏色看起來鮮亮或暗淡，人們往往傾向調(diào)整它的亮度。這的確可以讓色彩范圍從暗到亮，但兩端的顏色也隨之改變了。例如，下例中，以中間的綠色為基準色，亮度降低到20%時變成了黑色，而最右明亮的綠色就是把亮度調(diào)到100%的結(jié)果。

顏色的代碼表達式

上圖，上面一例的漸變，調(diào)暗了就黑，調(diào)亮了就黃，即使技術(shù)上看還是綠色。而下例中的漸變是通過更改十六進制數(shù)值得到的，看起來就要自然很多。

讓下劃線顏色淡一點

默認情況下，瀏覽器中文字的下劃線代表鏈接。太過粗壯的下劃線會給文字閱讀帶來干擾。設(shè)計師可以通過調(diào)整十六進制數(shù)值讓鏈接色不刺眼。這樣做是讓標記的顏色貼近背景色，從而是文字本身獲得更好的對比度。

如果暗文字出現(xiàn)在亮背景上，就讓鏈接亮點
相反，亮文字出現(xiàn)在暗背景上，那鏈接也暗點

為了達到這個目的，需要在每個<a>標簽內(nèi)嵌套一個<span>標簽：

a { text-decoration:underline;color:#aaaaff; } a span { text-decoration:none;color:#0000ff; }

顏色的代碼表達式

正如你所看到的，上例中，與文字相同顏色的下劃線顯得突兀，干擾了文字的識別。如下例，調(diào)整下劃線的顏色，使其與背景色相近，可以讓文字更容易被閱讀。盡管大多數(shù)瀏覽器認為下劃線是用來強調(diào)文字的。

下劃線與文字的間隔也是個問題。比較流行的做法是把下劃線（underline）用下邊線（border-bottom）代替。

a { text-decoration: none; border-bottom: 1px solid #aaaaff; }

優(yōu)化內(nèi)容段落

給文本指定顏色，即使在技術(shù)上是正確的，但最終卻得到意想不到的效果，這種設(shè)計問題還反復出現(xiàn)。例如，一些設(shè)計要求標題和內(nèi)容文字顏色相同。我們必須了解，字號大的顏色看起來就深，字號小的即使顏色相同，看著也要淺一些。

顏色的代碼表達式

h1, p { color: #797979; }

顏色的代碼表達式

h1 { color: #797979; } p { color: #393939; }

由于內(nèi)容段落比標題要細小，所以應該適當加深顏色才能使其看起來跟標題差不多，也更清晰。可以通過調(diào)低十六進位數(shù)值讓文字變得更易讀。

如何調(diào)節(jié)背景色調(diào)的冷暖

中性背景色相對適合閱讀，但“中性”并不意味著“平淡”。通過調(diào)整第一和最后一個字節(jié)，起到讓背景色變暖或變冷的效果。

顏色的代碼表達式

#404040 — 中性
#504030 — 更暖
#304050 — 更冷

看明白了嗎？再看一個例子，這次替換原色的個位值：

顏色的代碼表達式

#404040 — 中性
#594039 — 更暖
#394059 — 更冷

取色與配色

通過對十六進制中數(shù)字和字母結(jié)構(gòu)的認識，為設(shè)計師提供了一種獨特的工具。與調(diào)色盤和圖表不同，調(diào)整十六進制數(shù)值是一個簡單的過程，在色值比較相近的條件下就改變了色調(diào)。那感覺像是一個不可預測的驚喜。最簡單的嘗試就是把一組原色與另一組原色交換位置。

設(shè)計文字和其他視覺元素顏色的常見方法是，從照片中取色。理解十六進制色彩后可以使技能更進一步，調(diào)配新顏色就不必直接從照片中取得了。

顏色的代碼表達式