Easier to read with cream paper, a tint, more contrast or larger text? Choose your colours and text, once, for every page.

プレビュー

十六進数と色

これはレッスンの最初のページです。読んで、アクティビティを試してみましょう。続きは授業の全体にあります。

35分

ウェブの色は暗号みたい

ウェブページの色を決めるとき、「#FF0000」のような文字を書きます。これは赤です。

数字とアルファベットが混ざっていて、暗号のようです。

実は、これは二進数を短く書くための、特別な数の書き方です。今日は、その読み方を学びます。

今日のキーワード

ことばいみれい
十六進数16個の数字で、数を表す方法です。0から9と、AからFを使います。FF
色コード色を、数で表したものです。#のあとに6けた並べます。#FF0000
RGB赤、緑、青の光の強さで、色を表す方法です。赤255、緑0、青0
光の強さ0から255までの数で、どれだけ光らせるかを決めます。255は最大
ピクセル画面を作っている、とても小さな点です。画面の一つの点

学生が入力するセルは、このプレビューでは空白です。

十六進数の数字

十進数は、0から9の10個の数字を使います。十六進数は、16個の数字を使います。

0から9までは同じです。そのあとは、アルファベットを使います。A、B、C、D、E、Fで、10、11、12、13、14、15を表します。

Fの次で、桁が上がって「10」になります。この10は、十六です。

やってみよう: 十六進数を見る

コード: python
# Python は6章で学びます。今は、動かして結果を見るだけで大丈夫です。
# hex() は、数を十六進数にします。先頭の 0x は「十六進数です」という印です。
print(hex(10))
print(hex(15))
print(hex(16))
print(hex(255))

# int(文字列, 16) は、十六進数の文字列を、十進数にします。
print(int("FF", 16))

例: 0から15の十六進数

十進数十六進数二進数(4桁)
000000
110001
220010
330011
440100
550101
660110
770111
881000
991001
10A1010
11B1011
12C1100
13D1101
14E1110
15F1111

学生が入力するセルは、このプレビューでは空白です。

左の桁は16倍

十六進数の2けたの数は、左の桁が16の位、右の桁が1の位です。

左の数に16をかけて、右の数を足すと、十進数になります。

「1A」なら、1 × 16 + 10 で、26です。

例: 十六進数を十進数にする

十六進数計算十進数
1A1 × 16 + 1026
3C3 × 16 + 1260
808 × 16 + 0128
A510 × 16 + 5165
FF15 × 16 + 15255

学生が入力するセルは、このプレビューでは空白です。

小さな確認: 十六進数を読む

やってみよう

小さな確認: 十六進数を読む

4問
挑戦してみましょう。回答はここで採点され、その後は保存されません。点数を残したい場合や、続きから再開したい場合はログインしてください。ログインして点数を保存

答えはここで採点され、保存されません。アカウントがあれば、結果が残ります。

二進数4桁は、十六進数1桁

二進数は、桁が長くなります。でも、十六進数なら短く書けます。

二進数の4桁が、十六進数の1桁にちょうど合うからです。

8桁の二進数(1バイト)を、4桁ずつに分けて、それぞれを十六進数にします。

レッスンはまだ続きます

このレッスンの残り9つの部分は、練習問題や最後の確認とともに、授業の全体にあります。アカウントがあれば、すべて使えます。