天蠶在你身邊


不方便打電話(huà)?讓天蠶聯(lián)絡(luò )你

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