Web セーフカラーの色見本

各 RGB 成分を 00・33・66・99・CC・FF で組み合わせた 216 色。限られた表示色数を想定した歴史的な色表です。現在の Web デザインがこの色だけに制限されるわけではありません。

色表を絞り込む

216 / 216 色。保存する内容は下の色表と同じです。

色見本・名前	HEX / RGB	使う
#000000	`#000000` rgb(0 0 0)	詳しく
#000033	`#000033` rgb(0 0 51)	詳しく
#000066	`#000066` rgb(0 0 102)	詳しく
#000099	`#000099` rgb(0 0 153)	詳しく
#0000CC	`#0000CC` rgb(0 0 204)	詳しく
#0000FF	`#0000FF` rgb(0 0 255)	詳しく
#003300	`#003300` rgb(0 51 0)	詳しく
#003333	`#003333` rgb(0 51 51)	詳しく
#003366	`#003366` rgb(0 51 102)	詳しく
#003399	`#003399` rgb(0 51 153)	詳しく
#0033CC	`#0033CC` rgb(0 51 204)	詳しく
#0033FF	`#0033FF` rgb(0 51 255)	詳しく
#006600	`#006600` rgb(0 102 0)	詳しく
#006633	`#006633` rgb(0 102 51)	詳しく
#006666	`#006666` rgb(0 102 102)	詳しく
#006699	`#006699` rgb(0 102 153)	詳しく
#0066CC	`#0066CC` rgb(0 102 204)	詳しく
#0066FF	`#0066FF` rgb(0 102 255)	詳しく
#009900	`#009900` rgb(0 153 0)	詳しく
#009933	`#009933` rgb(0 153 51)	詳しく
#009966	`#009966` rgb(0 153 102)	詳しく
#009999	`#009999` rgb(0 153 153)	詳しく
#0099CC	`#0099CC` rgb(0 153 204)	詳しく
#0099FF	`#0099FF` rgb(0 153 255)	詳しく
#00CC00	`#00CC00` rgb(0 204 0)	詳しく
#00CC33	`#00CC33` rgb(0 204 51)	詳しく
#00CC66	`#00CC66` rgb(0 204 102)	詳しく
#00CC99	`#00CC99` rgb(0 204 153)	詳しく
#00CCCC	`#00CCCC` rgb(0 204 204)	詳しく
#00CCFF	`#00CCFF` rgb(0 204 255)	詳しく
#00FF00	`#00FF00` rgb(0 255 0)	詳しく
#00FF33	`#00FF33` rgb(0 255 51)	詳しく
#00FF66	`#00FF66` rgb(0 255 102)	詳しく
#00FF99	`#00FF99` rgb(0 255 153)	詳しく
#00FFCC	`#00FFCC` rgb(0 255 204)	詳しく
#00FFFF	`#00FFFF` rgb(0 255 255)	詳しく
#330000	`#330000` rgb(51 0 0)	詳しく
#330033	`#330033` rgb(51 0 51)	詳しく
#330066	`#330066` rgb(51 0 102)	詳しく
#330099	`#330099` rgb(51 0 153)	詳しく
#3300CC	`#3300CC` rgb(51 0 204)	詳しく
#3300FF	`#3300FF` rgb(51 0 255)	詳しく
#333300	`#333300` rgb(51 51 0)	詳しく
#333333	`#333333` rgb(51 51 51)	詳しく
#333366	`#333366` rgb(51 51 102)	詳しく
#333399	`#333399` rgb(51 51 153)	詳しく
#3333CC	`#3333CC` rgb(51 51 204)	詳しく
#3333FF	`#3333FF` rgb(51 51 255)	詳しく
#336600	`#336600` rgb(51 102 0)	詳しく
#336633	`#336633` rgb(51 102 51)	詳しく
#336666	`#336666` rgb(51 102 102)	詳しく
#336699	`#336699` rgb(51 102 153)	詳しく
#3366CC	`#3366CC` rgb(51 102 204)	詳しく
#3366FF	`#3366FF` rgb(51 102 255)	詳しく
#339900	`#339900` rgb(51 153 0)	詳しく
#339933	`#339933` rgb(51 153 51)	詳しく
#339966	`#339966` rgb(51 153 102)	詳しく
#339999	`#339999` rgb(51 153 153)	詳しく
#3399CC	`#3399CC` rgb(51 153 204)	詳しく
#3399FF	`#3399FF` rgb(51 153 255)	詳しく
#33CC00	`#33CC00` rgb(51 204 0)	詳しく
#33CC33	`#33CC33` rgb(51 204 51)	詳しく
#33CC66	`#33CC66` rgb(51 204 102)	詳しく
#33CC99	`#33CC99` rgb(51 204 153)	詳しく
#33CCCC	`#33CCCC` rgb(51 204 204)	詳しく
#33CCFF	`#33CCFF` rgb(51 204 255)	詳しく
#33FF00	`#33FF00` rgb(51 255 0)	詳しく
#33FF33	`#33FF33` rgb(51 255 51)	詳しく
#33FF66	`#33FF66` rgb(51 255 102)	詳しく
#33FF99	`#33FF99` rgb(51 255 153)	詳しく
#33FFCC	`#33FFCC` rgb(51 255 204)	詳しく
#33FFFF	`#33FFFF` rgb(51 255 255)	詳しく
#660000	`#660000` rgb(102 0 0)	詳しく
#660033	`#660033` rgb(102 0 51)	詳しく
#660066	`#660066` rgb(102 0 102)	詳しく
#660099	`#660099` rgb(102 0 153)	詳しく
#6600CC	`#6600CC` rgb(102 0 204)	詳しく
#6600FF	`#6600FF` rgb(102 0 255)	詳しく
#663300	`#663300` rgb(102 51 0)	詳しく
#663333	`#663333` rgb(102 51 51)	詳しく
#663366	`#663366` rgb(102 51 102)	詳しく
#663399	`#663399` rgb(102 51 153)	詳しく
#6633CC	`#6633CC` rgb(102 51 204)	詳しく
#6633FF	`#6633FF` rgb(102 51 255)	詳しく
#666600	`#666600` rgb(102 102 0)	詳しく
#666633	`#666633` rgb(102 102 51)	詳しく
#666666	`#666666` rgb(102 102 102)	詳しく
#666699	`#666699` rgb(102 102 153)	詳しく
#6666CC	`#6666CC` rgb(102 102 204)	詳しく
#6666FF	`#6666FF` rgb(102 102 255)	詳しく
#669900	`#669900` rgb(102 153 0)	詳しく
#669933	`#669933` rgb(102 153 51)	詳しく
#669966	`#669966` rgb(102 153 102)	詳しく
#669999	`#669999` rgb(102 153 153)	詳しく
#6699CC	`#6699CC` rgb(102 153 204)	詳しく
#6699FF	`#6699FF` rgb(102 153 255)	詳しく
#66CC00	`#66CC00` rgb(102 204 0)	詳しく
#66CC33	`#66CC33` rgb(102 204 51)	詳しく
#66CC66	`#66CC66` rgb(102 204 102)	詳しく
#66CC99	`#66CC99` rgb(102 204 153)	詳しく
#66CCCC	`#66CCCC` rgb(102 204 204)	詳しく
#66CCFF	`#66CCFF` rgb(102 204 255)	詳しく
#66FF00	`#66FF00` rgb(102 255 0)	詳しく
#66FF33	`#66FF33` rgb(102 255 51)	詳しく
#66FF66	`#66FF66` rgb(102 255 102)	詳しく
#66FF99	`#66FF99` rgb(102 255 153)	詳しく
#66FFCC	`#66FFCC` rgb(102 255 204)	詳しく
#66FFFF	`#66FFFF` rgb(102 255 255)	詳しく
#990000	`#990000` rgb(153 0 0)	詳しく
#990033	`#990033` rgb(153 0 51)	詳しく
#990066	`#990066` rgb(153 0 102)	詳しく
#990099	`#990099` rgb(153 0 153)	詳しく
#9900CC	`#9900CC` rgb(153 0 204)	詳しく
#9900FF	`#9900FF` rgb(153 0 255)	詳しく
#993300	`#993300` rgb(153 51 0)	詳しく
#993333	`#993333` rgb(153 51 51)	詳しく
#993366	`#993366` rgb(153 51 102)	詳しく
#993399	`#993399` rgb(153 51 153)	詳しく
#9933CC	`#9933CC` rgb(153 51 204)	詳しく
#9933FF	`#9933FF` rgb(153 51 255)	詳しく
#996600	`#996600` rgb(153 102 0)	詳しく
#996633	`#996633` rgb(153 102 51)	詳しく
#996666	`#996666` rgb(153 102 102)	詳しく
#996699	`#996699` rgb(153 102 153)	詳しく
#9966CC	`#9966CC` rgb(153 102 204)	詳しく
#9966FF	`#9966FF` rgb(153 102 255)	詳しく
#999900	`#999900` rgb(153 153 0)	詳しく
#999933	`#999933` rgb(153 153 51)	詳しく
#999966	`#999966` rgb(153 153 102)	詳しく
#999999	`#999999` rgb(153 153 153)	詳しく
#9999CC	`#9999CC` rgb(153 153 204)	詳しく
#9999FF	`#9999FF` rgb(153 153 255)	詳しく
#99CC00	`#99CC00` rgb(153 204 0)	詳しく
#99CC33	`#99CC33` rgb(153 204 51)	詳しく
#99CC66	`#99CC66` rgb(153 204 102)	詳しく
#99CC99	`#99CC99` rgb(153 204 153)	詳しく
#99CCCC	`#99CCCC` rgb(153 204 204)	詳しく
#99CCFF	`#99CCFF` rgb(153 204 255)	詳しく
#99FF00	`#99FF00` rgb(153 255 0)	詳しく
#99FF33	`#99FF33` rgb(153 255 51)	詳しく
#99FF66	`#99FF66` rgb(153 255 102)	詳しく
#99FF99	`#99FF99` rgb(153 255 153)	詳しく
#99FFCC	`#99FFCC` rgb(153 255 204)	詳しく
#99FFFF	`#99FFFF` rgb(153 255 255)	詳しく
#CC0000	`#CC0000` rgb(204 0 0)	詳しく
#CC0033	`#CC0033` rgb(204 0 51)	詳しく
#CC0066	`#CC0066` rgb(204 0 102)	詳しく
#CC0099	`#CC0099` rgb(204 0 153)	詳しく
#CC00CC	`#CC00CC` rgb(204 0 204)	詳しく
#CC00FF	`#CC00FF` rgb(204 0 255)	詳しく
#CC3300	`#CC3300` rgb(204 51 0)	詳しく
#CC3333	`#CC3333` rgb(204 51 51)	詳しく
#CC3366	`#CC3366` rgb(204 51 102)	詳しく
#CC3399	`#CC3399` rgb(204 51 153)	詳しく
#CC33CC	`#CC33CC` rgb(204 51 204)	詳しく
#CC33FF	`#CC33FF` rgb(204 51 255)	詳しく
#CC6600	`#CC6600` rgb(204 102 0)	詳しく
#CC6633	`#CC6633` rgb(204 102 51)	詳しく
#CC6666	`#CC6666` rgb(204 102 102)	詳しく
#CC6699	`#CC6699` rgb(204 102 153)	詳しく
#CC66CC	`#CC66CC` rgb(204 102 204)	詳しく
#CC66FF	`#CC66FF` rgb(204 102 255)	詳しく
#CC9900	`#CC9900` rgb(204 153 0)	詳しく
#CC9933	`#CC9933` rgb(204 153 51)	詳しく
#CC9966	`#CC9966` rgb(204 153 102)	詳しく
#CC9999	`#CC9999` rgb(204 153 153)	詳しく
#CC99CC	`#CC99CC` rgb(204 153 204)	詳しく
#CC99FF	`#CC99FF` rgb(204 153 255)	詳しく
#CCCC00	`#CCCC00` rgb(204 204 0)	詳しく
#CCCC33	`#CCCC33` rgb(204 204 51)	詳しく
#CCCC66	`#CCCC66` rgb(204 204 102)	詳しく
#CCCC99	`#CCCC99` rgb(204 204 153)	詳しく
#CCCCCC	`#CCCCCC` rgb(204 204 204)	詳しく
#CCCCFF	`#CCCCFF` rgb(204 204 255)	詳しく
#CCFF00	`#CCFF00` rgb(204 255 0)	詳しく
#CCFF33	`#CCFF33` rgb(204 255 51)	詳しく
#CCFF66	`#CCFF66` rgb(204 255 102)	詳しく
#CCFF99	`#CCFF99` rgb(204 255 153)	詳しく
#CCFFCC	`#CCFFCC` rgb(204 255 204)	詳しく
#CCFFFF	`#CCFFFF` rgb(204 255 255)	詳しく
#FF0000	`#FF0000` rgb(255 0 0)	詳しく
#FF0033	`#FF0033` rgb(255 0 51)	詳しく
#FF0066	`#FF0066` rgb(255 0 102)	詳しく
#FF0099	`#FF0099` rgb(255 0 153)	詳しく
#FF00CC	`#FF00CC` rgb(255 0 204)	詳しく
#FF00FF	`#FF00FF` rgb(255 0 255)	詳しく
#FF3300	`#FF3300` rgb(255 51 0)	詳しく
#FF3333	`#FF3333` rgb(255 51 51)	詳しく
#FF3366	`#FF3366` rgb(255 51 102)	詳しく
#FF3399	`#FF3399` rgb(255 51 153)	詳しく
#FF33CC	`#FF33CC` rgb(255 51 204)	詳しく
#FF33FF	`#FF33FF` rgb(255 51 255)	詳しく
#FF6600	`#FF6600` rgb(255 102 0)	詳しく
#FF6633	`#FF6633` rgb(255 102 51)	詳しく
#FF6666	`#FF6666` rgb(255 102 102)	詳しく
#FF6699	`#FF6699` rgb(255 102 153)	詳しく
#FF66CC	`#FF66CC` rgb(255 102 204)	詳しく
#FF66FF	`#FF66FF` rgb(255 102 255)	詳しく
#FF9900	`#FF9900` rgb(255 153 0)	詳しく
#FF9933	`#FF9933` rgb(255 153 51)	詳しく
#FF9966	`#FF9966` rgb(255 153 102)	詳しく
#FF9999	`#FF9999` rgb(255 153 153)	詳しく
#FF99CC	`#FF99CC` rgb(255 153 204)	詳しく
#FF99FF	`#FF99FF` rgb(255 153 255)	詳しく
#FFCC00	`#FFCC00` rgb(255 204 0)	詳しく
#FFCC33	`#FFCC33` rgb(255 204 51)	詳しく
#FFCC66	`#FFCC66` rgb(255 204 102)	詳しく
#FFCC99	`#FFCC99` rgb(255 204 153)	詳しく
#FFCCCC	`#FFCCCC` rgb(255 204 204)	詳しく
#FFCCFF	`#FFCCFF` rgb(255 204 255)	詳しく
#FFFF00	`#FFFF00` rgb(255 255 0)	詳しく
#FFFF33	`#FFFF33` rgb(255 255 51)	詳しく
#FFFF66	`#FFFF66` rgb(255 255 102)	詳しく
#FFFF99	`#FFFF99` rgb(255 255 153)	詳しく
#FFFFCC	`#FFFFCC` rgb(255 255 204)	詳しく
#FFFFFF	`#FFFFFF` rgb(255 255 255)	詳しく

色見本を1枚の図で見る

Web セーフカラーの色見本の色見本。各色のHEXコードを併記。 — 掲載データから作成した画面用の色見本。実物の色票ではありません。操作できる一覧は上にあります。

RGB の各成分を6段階に分けた216色。現在の画面で使える色を制限する表ではありません。

このページの情報を訂正する