快速上手色碼寫法,丟掉你的色碼表吧! | 社區大學終身學習網
相信大家在寫CSS時,都曾使用過網頁色碼表查詢顏色的代碼,但是否有些時候會遇到某些顏色想調淡或調深,卻不知道該如何下手呢?因此本篇就要教大家該怎麼理解並應用那 ...
關鍵字:網頁設計、色碼表、16進位
相信大家在寫CSS時,都曾使用過網頁色碼表查詢顏色的代碼,但是否有些時候會遇到某些顏色想調淡或調深,卻不知道該如何下手呢?因此本篇就要教大家該怎麼理解並應用那串英數混雜的代碼囉!
一般大家看到的16進位色碼通常是由一個#字號加上三個或六個英文及數字所組成(如圖),而這組數字同時也代表了顏色的R(紅)G(綠)B(藍)三原色,透過這三色的疊加就能顯示出各種不同的色彩。
16進位代表裡面的英數會由 0.1.2.3.4.5.6.7.8.9.A.B.C.D.E.F 所組成,16進位與色碼的關係如下圖所示:
每個原色都有256(16×16)種不同的濃度
接下來的圖則表示了色碼與三原色亮度之間的關係
由此可知色碼內的RGB分別就代表了RGB色光的亮度,越接近0顏色就會越暗濁,而越接近F就會越明亮,而說到這裡就必須提一下色光三原色的概念,如下圖所示色光三原色是以RGB三色組成,當三色交疊時就會產生白色:
因此當三個顏色都開到F(#FFFFFF)時會呈現白色,而三色都是0時則會呈現黑色(#000000)。
例如我今天想寫黃色,依照三色圖可以看得出來黃色是由紅色及綠色所組成,所以分別把紅色及綠色都開到最大(#F...
PANTONE 標準色號一覽 | 社區大學終身學習網
快速上手色碼寫法,丟掉你的色碼表吧! | 社區大學終身學習網
色彩列表 | 社區大學終身學習網
色碼表 | 社區大學終身學習網
色碼表 | 社區大學終身學習網
色碼表 | 社區大學終身學習網
色碼表&顏色調色盤 | 社區大學終身學習網
電話電纜線色碼表 | 社區大學終身學習網
色彩學與水彩畫初級哪裡學?桃園市中壢社區大學開課資訊
想要學習色彩學與水彩畫初級可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
生活調色盤哪裡學?嘉義市嘉義社區大學開課資訊
想要學習生活調色盤可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
生活調色盤哪裡學?嘉義市嘉義社區大學開課資訊
想要學習生活調色盤可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
生活調色盤哪裡學?嘉義市嘉義社區大學開課資訊
想要學習生活調色盤可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
生活調色盤哪裡學?嘉義市嘉義社區大學開課資訊
想要學習生活調色盤可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
生活調色盤哪裡學?嘉義市嘉義社區大學開課資訊
想要學習生活調色盤可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
生活調色盤哪裡學?嘉義市嘉義社區大學開課資訊
想要學習生活調色盤可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...