對于視覺設(shè)計師來說,RGB、CMYK什么的就像左右手一樣熟悉。但如果僅用心算的方法,不借助于Photoshop拾色器或任何類似的工具,你可不可以快速說出“海棠紅”所對應(yīng)的RGB色值?如果再加一點橙色進去,把亮度提高一點,色值又是多少?
很難回答,是吧……面對這些坑爹的問題,視覺設(shè)計師/前端工程師們通常只能打開Photoshop,輸入當(dāng)前顏色對應(yīng)的色值,在色板上調(diào)出新的顏色,再把色值復(fù)制下來,替換當(dāng)前的色彩。
人生很短暫,這樣白白浪費掉大塊的時間,你甘心嗎?
那么,讓我們來探索一下有沒有更好的解決方案。
讓人又愛又恨的RGB
RGB是基于色光混合的原理設(shè)計的,是一種以硬件為導(dǎo)向的色彩模型,它描述了顯示器的電子槍打在Red紅、Green綠、Blue藍三色發(fā)光極上的顯色方式。當(dāng)紅綠藍三色光的亮度均為最大值(255)的時候,屏幕上重現(xiàn)的顏色就是最亮的白色,都為0的時候,結(jié)果就是黑色。
如果想要得出剛才提到的“海棠紅”,我們就要把紅光調(diào)到最亮,把綠光的亮度調(diào)到1/5左右,再把藍光的亮度調(diào)到1/3左右,如下圖:
同樣,要得到剛才說的“加點橙色進去, 再亮那么一點點”的顏色,我們要把綠光調(diào)亮1倍多,再把藍光調(diào)暗少許,如下圖:
雖然得到了需要的色彩,但我們所做的事情與“橙色”或“增加亮度”實在扯不上關(guān)系。這種調(diào)色方法,完全不符合我們對顏色的直觀感受。連這種事都可以忍受嗎?不要再假裝視覺設(shè)計師了,舞臺燈光師才是你的真實身份!
出處:Tencent CDC Blog
責(zé)任編輯:bluehearts
上一頁 下一頁 色生心中:人性化的HSL模型 [2]
|