色を変えたいけどよくわからない・そもそも１６進数って何？という方は▼こちら

※HTMLタグリファレンス（初心者入門用）はコチラ

◆ 本ページの背景色が変わります。 ◆ 本ページの文字色が変わります。

◆基本１６色

下記の16色の名前がHTML3.2で定義されています。 これらの名前は、IE2.0 や Netscape Navigator 2.0 にも対応しています。 タグ内では、16進数の色コード、色の名前そのもの、何れを使用しても有効です。

ボタンをクリックすると、背景色、文字色が変わります！

背景	文 字			背景	文 字			背景	文 字
■	■	Black	#000000	■	■	Red	#FF0000	■	■	Maroon	#800000
■	■	Gray	#808080	■	■	Yellow	#FFFF00	■	■	Olive	#808000
■	■	Silver	#C0C0C0	■	■	Lime	#00FF00	■	■	Green	#008000
■	■	White	#FFFFFF	■	■	Aqua	#00FFFF	■	■	Teal	#008080
				■	■	Blue	#0000FF	■	■	Navy	#000080
				■	■	Fuchsia	#FF00FF	■	■	Purple	#800080

基本色の図形です。参考に照らし合わせてみてください。

アンチエイリアス：白

アンチエイリアス：黒

※アンチエイリアスとは、パソコンの画面のドットにあわせて図形や文字の輪郭をぼかして、境界線を滑らかに表示する機能のことをいいます。主に、画面に表示される文字やパソコンで作成した画像などをきれいに見せたりするために使われています。

■WEBセーフカラー

下記の216色が定義されています。 OSやコンピュータの違いによらずどんな環境でもこれらの色が必ず表示できることを保証されている色です。

ボタンをクリックすると、背景色、文字色が変わります！

背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   ■ ■ #000000 ■ ■ #000033 ■ ■ #000066 ■ ■ #000099 ■ ■ #0000cc ■ ■ #0000ff ■ ■ #003300 ■ ■ #003333 ■ ■ #003366 ■ ■ #003399 ■ ■ #0033cc ■ ■ #0033ff ■ ■ #006600 ■ ■ #006633 ■ ■ #006666 ■ ■ #006699 ■ ■ #0066cc ■ ■ #0066ff ■ ■ #009900 ■ ■ #009933 ■ ■ #009966 ■ ■ #009999 ■ ■ #0099cc ■ ■ #0099ff ■ ■ #00cc00 ■ ■ #00cc33 ■ ■ #00cc66 ■ ■ #00cc99 ■ ■ #00cccc ■ ■ #00ccff ■ ■ #00ff00 ■ ■ #00ff33 ■ ■ #00ff66 ■ ■ #00ff99 ■ ■ #00ffcc ■ ■ #00ffff 背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   ■ ■ #330000 ■ ■ #330033 ■ ■ #330066 ■ ■ #330099 ■ ■ #3300cc ■ ■ #3300ff ■ ■ #333300 ■ ■ #333333 ■ ■ #333366 ■ ■ #333399 ■ ■ #3333cc ■ ■ #3333ff ■ ■ #336600 ■ ■ #336633 ■ ■ #336666 ■ ■ #336699 ■ ■ #3366cc ■ ■ #3366ff ■ ■ #339900 ■ ■ #339933 ■ ■ #339966 ■ ■ #339999 ■ ■ #3399cc ■ ■ #3399ff ■ ■ #33cc00 ■ ■ #33cc33 ■ ■ #33cc66 ■ ■ #33cc99 ■ ■ #33cccc ■ ■ #33ccff ■ ■ #33ff00 ■ ■ #33ff33 ■ ■ #33ff66 ■ ■ #33ff99 ■ ■ #33ffcc ■ ■ #33ffff 背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   ■ ■ #660000 ■ ■ #660033 ■ ■ #660066 ■ ■ #660099 ■ ■ #6600cc ■ ■ #6600ff ■ ■ #663300 ■ ■ #663333 ■ ■ #663366 ■ ■ #663399 ■ ■ #6633cc ■ ■ #6633ff ■ ■ #666600 ■ ■ #666633 ■ ■ #666666 ■ ■ #666699 ■ ■ #6666cc ■ ■ #6666ff ■ ■ #669900 ■ ■ #669933 ■ ■ #669966 ■ ■ #669999 ■ ■ #6699cc ■ ■ #6699ff ■ ■ #66cc00 ■ ■ #66cc33 ■ ■ #66cc66 ■ ■ #66cc99 ■ ■ #66cccc ■ ■ #66ccff ■ ■ #66ff00 ■ ■ #66ff33 ■ ■ #66ff66 ■ ■ #66ff99 ■ ■ #66ffcc ■ ■ #66ffff 背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   ■ ■ #990000 ■ ■ #990033 ■ ■ #990066 ■ ■ #990099 ■ ■ #9900cc ■ ■ #9900ff ■ ■ #993300 ■ ■ #993333 ■ ■ #993366 ■ ■ #993399 ■ ■ #9933cc ■ ■ #9933ff ■ ■ #996600 ■ ■ #996633 ■ ■ #996666 ■ ■ #996699 ■ ■ #9966cc ■ ■ #9966ff ■ ■ #999900 ■ ■ #999933 ■ ■ #999966 ■ ■ #999999 ■ ■ #9999cc ■ ■ #9999ff ■ ■ #99cc00 ■ ■ #99cc33 ■ ■ #99cc66 ■ ■ #99cc99 ■ ■ #99cccc ■ ■ #99ccff ■ ■ #99ff00 ■ ■ #99ff33 ■ ■ #99ff66 ■ ■ #99ff99 ■ ■ #99ffcc ■ ■ #99ffff 背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   ■ ■ #cc0000 ■ ■ #cc0033 ■ ■ #cc0066 ■ ■ #cc0099 ■ ■ #cc00cc ■ ■ #cc00ff ■ ■ #cc3300 ■ ■ #cc3333 ■ ■ #cc3366 ■ ■ #cc3399 ■ ■ #cc33cc ■ ■ #cc33ff ■ ■ #cc6600 ■ ■ #cc6633 ■ ■ #cc6666 ■ ■ #cc6699 ■ ■ #cc66cc ■ ■ #cc66ff ■ ■ #cc9900 ■ ■ #cc9933 ■ ■ #cc9966 ■ ■ #cc9999 ■ ■ #cc99cc ■ ■ #cc99ff ■ ■ #cccc00 ■ ■ #cccc33 ■ ■ #cccc66 ■ ■ #cccc99 ■ ■ #cccccc ■ ■ #ccccff ■ ■ #ccff00 ■ ■ #ccff33 ■ ■ #ccff66 ■ ■ #ccff99 ■ ■ #ccffcc ■ ■ #ccffff 背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   背景 文字   ■ ■ #ff0000 ■ ■ #ff0033 ■ ■ #ff0066 ■ ■ #ff0099 ■ ■ #ff00cc ■ ■ #ff00ff ■ ■ #ff3300 ■ ■ #ff3333 ■ ■ #ff3366 ■ ■ #ff3399 ■ ■ #ff33cc ■ ■ #ff33ff ■ ■ #ff6600 ■ ■ #ff6633 ■ ■ #ff6666 ■ ■ #ff6699 ■ ■ #ff66cc ■ ■ #ff66ff ■ ■ #ff9900 ■ ■ #ff9933 ■ ■ #ff9966 ■ ■ #ff9999 ■ ■ #ff99cc ■ ■ #ff99ff ■ ■ #ffcc00 ■ ■ #ffcc33 ■ ■ #ffcc66 ■ ■ #ffcc99 ■ ■ #ffcccc ■ ■ #ffccff ■ ■ #ffff00 ■ ■ #ffff33 ■ ■ #ffff66 ■ ■ #ffff99 ■ ■ #ffffcc ■ ■ #ffffff

◆モノトーン

ボタンをクリックすると、背景色、文字色が変わります！

背景	文字		背景	文字
■	■	#000000	■	■	#888888
■	■	#111111	■	■	#999999
■	■	#222222	■	■	#AAAAAA
■	■	#333333	■	■	#BBBBBB
■	■	#444444	■	■	#CCCCCC
■	■	#555555	■	■	#DDDDDD
■	■	#666666	■	■	#EEEEEE
■	■	#777777	■	■	#FFFFFF

「ビタミンC＝肌に浸透しにくい成分」という常識を破り、 肌に浸透するビタミンCがAPPSなのです！ 化粧品業界で今、注目の成分「APPS」の解説はコチラ