216カラーチャート

16進法で表現できる色は256なのですが、WindowsとMacintoshでは採用さいているカラーチャートが違いますので、両OSで共通する216色をチャートにしてみました。これで使用したい色の数字がわかりますよね、文字の色、背景の色など配色を考えてみてください。

16進法の色作り
16進法を使用しての色表現は理論的には
16×16×16×16×16×16＝16,777,216色の表現が可能になるわけです。
基本的な色については以下のとおりです。

#00000--（黒）　#FF0000--（赤）　#00FF00--（緑）　#0000FF--（青）
#FFFFFF--（白）　#FFFF00--（黄）　#FF00FF--（紫）　#00FFFF--（黄緑）

G/B	00	33	66	99	CC	FF
00	■■■ 000000	■■■ 000033	■■■ 000066	■■■ 000099	■■■ 0000CC	■■■ 0000FF
33	■■■ 003300	■■■ 003333	■■■ 003366	■■■ 003399	■■■ 0033CC	■■■ 0033FF
66	■■■ 006600	■■■ 006633	■■■ 006666	■■■ 006699	■■■ 0066CC	■■■ 0066FF
99	■■■ 009900	■■■ 009933	■■■ 009966	■■■ 009999	■■■ 0099CC	■■■ 0099FF
CC	■■■ 00CC00	■■■ 00CC33	■■■ 00CC66	■■■ 00CC99	■■■ 00CCCC	■■■ 00CCFF
FF	■■■ 00FF00	■■■ 00FF33	■■■ 00FF66	■■■ 00FF99	■■■ 00FFCC	■■■ 00FFFF

G/B	00	33	66	99	CC	FF
00	■■■ 330000	■■■ 330033	■■■ 330066	■■■ 330099	■■■ 3300CC	■■■ 3300FF
33	■■■ 333300	■■■ 333333	■■■ 333366	■■■ 333399	■■■ 3333CC	■■■ 3333FF
66	■■■ 336600	■■■ 336633	■■■ 336666	■■■ 336699	■■■ 3366CC	■■■ 3366FF
99	■■■ 339900	■■■ 339933	■■■ 339966	■■■ 339999	■■■ 3399CC	■■■ 3399FF
CC	■■■ 33CC00	■■■ 33CC33	■■■ 33CC66	■■■ 33CC99	■■■ 33CCCC	■■■ 33CCFF
FF	■■■ 33FF00	■■■ 33FF33	■■■ 33FF66	■■■ 33FF99	■■■ 33FFCC	■■■ 33FFFF

G/B	00	33	66	99	CC	FF
00	■■■ 660000	■■■ 660033	■■■ 660066	■■■ 660099	■■■ 6600CC	■■■ 6600FF
33	■■■ 663300	■■■ 663333	■■■ 663366	■■■ 663399	■■■ 6633CC	■■■ 6633FF
66	■■■ 666600	■■■ 666633	■■■ 666666	■■■ 666699	■■■ 6666CC	■■■ 6666FF
99	■■■ 669900	■■■ 669933	■■■ 669966	■■■ 669999	■■■ 6699CC	■■■ 6699FF
CC	■■■ 66CC00	■■■ 66CC33	■■■ 66CC66	■■■ 66CC99	■■■ 66CCCC	■■■ 66CCFF
FF	■■■ 66FF00	■■■ 66FF33	■■■ 66FF66	■■■ 66FF99	■■■ 66FFCC	■■■ 66FFFF

G/B	00	33	66	99	CC	FF
00	■■■ 990000	■■■ 990033	■■■ 990066	■■■ 990099	■■■ 9900CC	■■■ 9900FF
33	■■■ 993300	■■■ 993333	■■■ 993366	■■■ 993399	■■■ 9933CC	■■■ 9933FF
66	■■■ 996600	■■■ 996633	■■■ 996666	■■■ 996699	■■■ 9966CC	■■■ 9966FF
99	■■■ 999900	■■■ 999933	■■■ 999966	■■■ 999999	■■■ 9999CC	■■■ 9999FF
CC	■■■ 99CC00	■■■ 99CC33	■■■ 99CC66	■■■ 99CC99	■■■ 99CCCC	■■■ 99CCFF
FF	■■■ 99FF00	■■■ 99FF33	■■■ 99FF66	■■■ 99FF99	■■■ 99FFCC	■■■ 99FFFF

G/B	00	33	66	99	CC	FF
CC	■■■ CC0000	■■■ CC0033	■■■ CC0066	■■■ CC0099	■■■ CC00CC	■■■ CC00FF
CC	■■■ CC3300	■■■ CC3333	■■■ CC3366	■■■ CC3399	■■■ CC33CC	■■■ CC33FF
66	■■■ CC6600	■■■ CC6633	■■■ CC6666	■■■ CC6699	■■■ CC66CC	■■■ CC66FF
99	■■■ CC9900	■■■ CC9933	■■■ CC9966	■■■ CC9999	■■■ CC99CC	■■■ CC99FF
CC	■■■ CCCC00	■■■ CCCC33	■■■ CCCC66	■■■ CCCC99	■■■ CCCCCC	■■■ CCCCFF
FF	■■■ CCFF00	■■■ CCFF33	■■■ CCFF66	■■■ CCFF99	■■■ CCFFCC	■■■ CCFFFF

G/B	00	33	66	99	CC	FF
00	■■■ FF0000	■■■ FF0033	■■■ FF0066	■■■ FF0099	■■■ FF00CC	■■■ FF00FF
33	■■■ FF3300	■■■ FF3333	■■■ FF3366	■■■ FF3399	■■■ FF33CC	■■■ FF33FF
66	■■■ FF6600	■■■ FF6633	■■■ FF6666	■■■ FF6699	■■■ FF66CC	■■■ FF66FF
99	■■■ FF9900	■■■ FF9933	■■■ FF9966	■■■ FF9999	■■■ FF99CC	■■■ FF99FF
CC	■■■ FFCC00	■■■ FFCC33	■■■ FFCC66	■■■ FFCC99	■■■ FFCCCC	■■■ FFCCFF
FF	■■■ FFFF00	■■■ FFFF33	■■■ FFFF66	■■■ FFFF99	■■■ FFFFCC	■■■ FFFFFF

ＴＯＰへ戻る