ここではJavaScriptを使用しています。このブラウザでは表示できません。

Webセーフカラー & 標準カラー 色見本

■をクリックすると、背景色が変わります。
色コード(#RRGGBB)をクリックすると、サンプルの文字色が変わります。

なお、縦方向は色相、横方向(ブロック)は彩度、ブロック内での横方向は明度を表しています。
彩度0%のみ、縦方向は明度を表し、色相は無関係です。
現在の色  背景色
 文字色


サンプル sample


ブロック1
(彩度100%)
ブロック2
(彩度80%)
ブロック3
(彩度60%)
ブロック4
(彩度40%)
ブロック5
(彩度20%)
ブロック6
(彩度0%)
#FF0000
#FF3300
#FF6600
#FF9900
#FFCC00
#FFFF00
#CCFF00
#99FF00
#66FF00
#33FF00
#00FF00
#00FF33
#00FF66
#00FF99
#00FFCC
#00FFFF
#00CCFF
#0099FF
#0066FF
#0033FF
#0000FF
#3300FF
#6600FF
#9900FF
#CC00FF
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033



#FF3333
#FF6633
#FF9933
#FFCC33
#FFFF33
#CCFF33
#99FF33
#66FF33
#33FF33
#33FF66
#33FF99
#33FFCC
#33FFFF
#33CCFF
#3399FF
#3366FF
#3333FF
#6633FF
#9933FF
#CC33FF
#FF33FF
#FF33CC
#FF3399
#FF3366



#CC0000
#CC3300
#CC6600
#CC9900
#CCCC00
#99CC00
#66CC00
#33CC00
#00CC00
#00CC33
#00CC66
#00CC99
#00CCCC
#0099CC
#0066CC
#0033CC
#0000CC
#3300CC
#6600CC
#9900CC
#CC00CC
#CC0099
#CC0066
#CC0033






#FF6666
#FF9966
#FFCC66
#FFFF66
#CCFF66
#99FF66
#66FF66
#66FF99
#66FFCC
#66FFFF
#66CCFF
#6699FF
#6666FF
#9966FF
#CC66FF
#FF66FF
#FF66CC
#FF6699






#CC3333
#CC6633
#CC9933
#CCCC33
#99CC33
#66CC33
#33CC33
#33CC66
#33CC99
#33CCCC
#3399CC
#3366CC
#3333CC
#6633CC
#9933CC
#CC33CC
#CC3399
#CC3366






#990000
#993300
#996600
#999900
#669900
#339900
#009900
#009933
#009966
#009999
#006699
#003399
#000099
#330099
#660099
#990099
#990066
#990033









#FF9999
#FFCC99
#FFFF99
#CCFF99
#99FF99
#99FFCC
#99FFFF
#99CCFF
#9999FF
#CC99FF
#FF99FF
#FF99CC









#CC6666
#CC9966
#CCCC66
#99CC66
#66CC66
#66CC99
#66CCCC
#6699CC
#6666CC
#9966CC
#CC66CC
#CC6699









#993333
#996633
#999933
#669933
#339933
#339966
#339999
#336699
#333399
#663399
#993399
#993366









#660000
#663300
#666600
#336600
#006600
#006633
#006666
#003366
#000066
#330066
#660066
#660033












#FFCCCC
#FFFFCC
#CCFFCC
#CCFFFF
#CCCCFF
#FFCCFF












#CC9999
#CCCC99
#99CC99
#99CCCC
#9999CC
#CC99CC












#996666
#999966
#669966
#669999
#666699
#996699












#663333
#666633
#336633
#336666
#333366
#663366












#330000
#333300
#003300
#003333
#000033
#330033












#FFFFFF
#CCCCCC
#999999
#666666
#333333
#000000


標準カラー
#FF0000
#FFFF00
#00FF00
#00FFFF
#0000FF
#FFFFFF
#C0C0C0
#800000
#808000
#008000
#008080
#000080
#808080
#000000