黃鈴諭：已建立頁面，內容為 "==研究動機：== 在HTML練習過程裡，因配色選色的需求，必須大量使用色碼表來豐富畫面的色彩，使用過程裡了解色碼的編排形…"

2020-11-09T07:05:28Z

已建立頁面，內容為 "==研究動機：== 在HTML練習過程裡，因配色選色的需求，必須大量使用色碼表來豐富畫面的色彩，使用過程裡了解色碼的編排形…"

新頁面

==研究動機：==
在HTML練習過程裡，因配色選色的需求，必須大量使用色碼表來豐富畫面的色彩，使用過程裡了解色碼的編排形式為#RRGGBB，其中RR是顏色中紅色成分的數值，GG是顏色中綠色成分的數值，而BB則是顏色中藍色成分的數值。採用十六進位法，所列出的整數落在00到FF的範圍內，以標示/指定顏色的強度。 
:::::<img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/色碼表.png' width='300' height='*' /> 
'''疑問：'''
#電腦配色為什麼採用十六進位法？
#什麼是十六進位法？
#0~F分別代表什麼意義？

==進位制==
進位制是一種記數方式。利用這種記數法，可以使用有限種數字符號來表示所有的數值。
#進位制是一種人類設計出來的數字表現方式，自然界某一個數量(值)，在不同進位制裡有不同的呈現方式。也就是我們可以用不同的進位制來表示同一個數。
#人類利用進位的方式，連結數量與符號。
#進位制的設計是任意的、可換算的、不影響實際描述的數值多寡。

==十六進位==
#基數為16的記數系統。在數學中是一種逢16進1的進位制。
#一般用數字0到9和字母A到F表示，其中:A~F相當於十進位的10~15，這些稱作十六進位數字。
#十六進位制系統通常用於電腦領域，因為它們可方便當作二進位制的簡寫。 (幾乎所有的電子計算機內部都使用二進位制，分別為「0」和「1」表示「關」和「開」。)

<table class='nicetable' align='center' style='border:2pt;width:95%;border-collapse:collapse'>
<tr>
<th bgcolor='#97CBFF' >十六進位數字</th>
<th bgcolor='#97CBFF' >0</th>
<th bgcolor='#97CBFF''>1</th>
<th bgcolor='#97CBFF' >2</th>
<th bgcolor='#97CBFF' >3</th>
<th bgcolor='#97CBFF' >4</th>
<th bgcolor='#97CBFF' >5</th>
<th bgcolor='#97CBFF' >6</th>
<th bgcolor='#97CBFF' >7</th>
<th bgcolor='#97CBFF' >8</th>
<th bgcolor='#97CBFF' >9</th>
<th bgcolor='#97CBFF' >A</th>
<th bgcolor='#97CBFF' >B</th>
<th bgcolor='#97CBFF' >C</th>
<th bgcolor='#97CBFF' >D</th>
<th bgcolor='#97CBFF' >E</th>
<th bgcolor='#97CBFF' >F</th>
</tr>
<tr>
<th>十進位數字</th>
<th>0</th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
<th>10</th>
<th>11</th>
<th>12</th>
<th>13</th>
<th>14</th>
<th>15</th>
</tr>
</table>

==活動==

:::::<img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/IMG_板書.jpg' width='300' height='*' /> 

===一、十六進位與十進位的轉換練習一===

分成二組進行，每一組的組員利用1*1的立體方塊，排出下列數值的十六進位記數，以及相對應的十進位記數。
#排列過程，須口述向同一組的成員說明為什麼這樣排的理由。
#理解十六進位與十進位的不同記數，實質上為同一數值。

::<table class='nicetable' align='center' style='border:2pt;width:95%;border-collapse:collapse'>
<tr>
<th bgcolor='#FFD2D2' >十六進位</th>
<th bgcolor='#FFD2D2' ></th>
<th >十進位</th>
<th ></th>
</tr>
<tr>
<th bgcolor='#FFD2D2'>x15</th>
<th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x15' width='100' height='*' /></th>
<th>21</th>
<th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/21' width='100' height='*' /></th>
　</tr>
<tr>

<tr>
<th bgcolor='#FFD2D2' >x24</th>
<th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x24' width='100' height='*' /></th>
<th>36</th>
<th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/36' width='100' height='*' / ></th>
　</tr>
<tr>
<th bgcolor='#FFD2D2' >x33</th>
<th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x33' width='100' height='*' /></th>
<th>51</th>
<th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/51' width='100' height='*' / ></th>
</tr>
<tr>
<th bgcolor='#FFD2D2'>x42</th>
<th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x42' width='100' height='*' / ></th>
<th>66</th>
<th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/51' width='100' height='*' /></th>
</tr>
</table>

===二、十六進位與十進位的轉換練習二===
#十六進位 → 十進位的計算 xF3=15*16+3=243 
#'''在html畫出 xF3=243 的圖形

:::::<table>
<tr>
<td><img src='http://nice-learning.tw/uploadFiles/不錯學群/百事數學/xF3.svg'></td>
<td style="color:blue;font-size:35px">=</td>
<td><img src='http://nice-learning.tw/uploadFiles/不錯學群/百事數學/243.svg'></td>
</tr>
</table>

十進位與十六進位換算 - 修訂歷史

黃鈴諭：已建立頁面，內容為 "==研究動機：== 在HTML練習過程裡，因配色選色的需求，必須大量使用色碼表來豐富畫面的色彩，使用過程裡了解色碼的編排形…"