讓你對css顏色代碼更有感覺

1、RGB 的三個值一樣則這個顏色是灰的。

#DDDDDD 和更暗的灰 #333333
#DDDDDD 和更暗的灰 #333333


2、RGB 中倆個值爲0,則呈現不爲零值的顏色,根據00-FF,顏色變深,灰度變暗。
普通的 red, green, and blue, 和更暗一些的版本依次爲#550000,#005500,#000055.普通的 red, green, and blue, 和更暗一些的版本依次爲#550000,#005500,#000055.

 

3、如果相反的,其中一個值爲0,其他兩個值爲FF,則有#FFFF00 爲黃色,#FF00FF爲品紅,#00FFFF爲青色。同時減少不爲零的兩個值,顏色變深,灰度變暗。

Yellow, 品紅, 和 青色和他們更暗的版本#555500,#550055,#005555
Yellow, 品紅, 和 青色和他們更暗的版本#555500,#550055,#005555

 

如果我們想顏色變淺,灰度變亮,只要將爲零的值變大即可,此法也適用於2。

Our spring green and light pink colors.#AAFFAA,#FFAAFF
Our spring green and light pink colors.#AAFFAA,#FFAAFF

 

4、如何構成一個橙汁芬達的顏色(黃色暗一點),我們知道#FFFF00是黃色,我們要向orange靠攏,我們就要減少green,這樣就突出了紅色,所以我們用#FF5500,你或許會問爲什麼不增加blue,是的當你將藍色設定爲11、22或33時,顏色是看起來是黃色的,但是當增加到55,你會發現一些問題,當你增加到99,也就是#FF5599時,他會變成一個品紅色。爲什麼那?想一下#FF00FF代表品紅色,有紅色和藍色混合出來的,所以當從#FF5500,到#FF5599我們突出的顏色由red和green變成了red和blue。

我們的橙色,看起來像不像芬達的顏色,嗯?
我們的橙色,看起來像不像芬達的顏色,嗯?

可以使用火狐插件ColorZilla 來在瀏覽器取色。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章