iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 21
1
自我挑戰組

學習 HTML / CSS 遇到的問題 系列 第 21

關於 HEX 色碼

  • 分享至 

  • xImage
  •  

因初學到目前最常使用 HEX 色碼來設定顏色,但直到前陣子認識進位制才了解 HEX 色碼的組成,覺得很有趣,因此來簡短紀錄一下

HEX 值以 R、G、B 三組碼來表示值,以十六進位制來表示顏色的量,因為 16 進位 的英文是 Hexadecimal,因此以 16 進位制表示的顏色就稱為 HEX 碼,也因是 16 進位制,因此逢 16 就進位,從 00 到 09,後面接著用字母表示 1A、1B、1C、1D、1E、1F 代表十進位制的 10 ~ 15,接的就進位到 11~ 2F,一直到 9F 後,接著是 A1 ~ AF,最後到 F1 ~ FF (十進位制的 255 )

例如 rgb ( 102,205,170 ),以 HEX 碼來表示, 紅色值 102 就是 66;綠色值 205 是 CD;藍色值 170 是 AA ( #66CDAA )

以最熟悉的十進位制簡易對照:

詳細的 HEX 色碼與 16 進位制可參考以下
十六進位制:https://zh.m.wikipedia.org/zh-tw/%E5%8D%81%E5%85%AD%E8%BF%9B%E5%88%B6
HEX 色碼說明:https://www.google.com/amp/s/www.shutterstock.com/zh-Hant/blog/how-hex-colors-work/amp
http://csscoke.com/2015/01/01/rgb-hsl-hex/


上一篇
認識 CSS 顏色值
下一篇
關於 float 與清除浮動
系列文
學習 HTML / CSS 遇到的問題 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言