CSS
在CSS設定顏色的方法

color

在CSS設定顏色有多種方法,今次記錄下對我來說比較常用的三種。

Color Names

合共有140種顏色名字可使用。但其實常用的都是standard colors,例如red、yellow那些。

CSS Color Names
http://www.w3schools.com/cssref/css_colornames.asp

HTML Color Code

HTML Color Code由「#」和三部分組成,分別是十六進制的Red、Green、Blue值,例如紅色就是#FF0000,即是255,即100%的Red,0% Green,0% Blue。

推介一個測試對Color Code熟練度的遊戲 XD
HEX Color Code Game
http://johnsythinks.com/hex/

RGBA

RGBA由四部分組成,頭三部分分別是Red、Green、Blue值,第四部分是Opacity(不透明值),例如100%不透明的紅色就是rgba(100%, 0%, 0%, 1)。表示RGB值時除了可用百分比外,也可用0-255表示,例如rgba(255, 0, 0, 1)

更多RGBA資料
http://sixrevisions.com/css/rgba/

總結

很少見Developer用Color Name,多數也是用Color Code,畢竟Color Name很難記選擇也不全,而RGBA可設定不透明值,不用另設Opacity,看來是最方便~

其他設定顏色方法
Legal Color Values
http://www.w3schools.com/cssref/css_colors_legal.asp

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">