CSS自動作成所

カラーテスター

CSS自動作成所 > CSS自動作成ツール > カラーテスター

任意の色名・コードを入力してボタンを押してください
現在の背景色

澄んだ色

赤系〜黄系 黄系〜緑系
■#ffcccc ■#ff9999 ■#ff6666 ■#ff3333 ■#ff0000
■#ffcc99 ■#330000 ■#660000 ■#990000 ■#cc0000
■#ff9966 ■#ff6633 ■#ff3300 ■#cc3300 ■#993300
■#663300 ■#ffcc66 ■#ff9933 ■#ff6600 ■#cc6600
■#996600 ■#ffcc33 ■#ff9900 ■#cc9900 ■#ffcc00
■#ffffcc ■#ffff99 ■#ccff99 ■#ffff66 ■#ccff66
■#99ff66 ■#ffff33 ■#ccff33 ■#99ff33 ■#66ff33
■#ffff00 ■#ccff00 ■#99ff00 ■#66ff00 ■#33ff00
■#cccc00 ■#99cc00 ■#66cc00 ■#33cc00 ■#999900
■#669900 ■#339900 ■#666600 ■#336600 ■#333300

↑ テキストボックスに戻る

緑系〜水色系 水色系〜青系
■#ccffcc ■#99ff99 ■#99ffcc ■#66ff66 ■#66ff99
■#66ffcc ■#33ff33 ■#33ff66 ■#33ff99 ■#33ffcc
■#00ff00 ■#00ff33 ■#00ff66 ■#00ff99 ■#00ffcc
■#00cc00 ■#00cc33 ■#00cc66 ■#00cc99 ■#009900
■#009933 ■#009966 ■#006600 ■#006633 ■#003300
■#ccffff ■#99ffff ■#99ccff ■#66ffff ■#66ccff
■#6699ff ■#33ffff ■#33ccff ■#3399ff ■#3366ff
■#00ffff ■#00ccff ■#0099ff ■#0066ff ■#0033ff
■#00cccc ■#0099cc ■#0066cc ■#0033cc ■#009999
■#006699 ■#003399 ■#006666 ■#003366 ■#003333

↑ テキストボックスに戻る

青系〜紫系 紫系〜赤系
■#ccccff ■#9999ff ■#cc99ff ■#6666ff ■#9966ff
■#cc66ff ■#3333ff ■#6633ff ■#9933ff ■#cc33ff
■#0000ff ■#3300ff ■#6600ff ■#9900ff ■#cc00ff
■#0000cc ■#3300cc ■#6600cc ■#9900cc ■#000099
■#330099 ■#660099 ■#000066 ■#330066 ■#000033
■#ffccff ■#ff99ff ■#ff99cc ■#ff66ff ■#ff66cc
■#ff6699 ■#ff33ff ■#ff33cc ■#3399ff ■#ff3366
■#ff00ff ■#ff00cc ■#ff0099 ■#ff0066 ■#ff0033
■#cc00cc ■#cc0099 ■#cc0066 ■#cc0033 ■#990099
■#990066 ■#990033 ■#660066 ■#660033 ■#330033

↑ テキストボックスに戻る

ややにごった色

赤系〜黄系 黄系〜緑系 緑系〜水色系
■#cc9999 ■#cc6666 ■#cc9966
■#cc3333 ■#cc6633 ■#cc9933
■#993333 ■#996633 ■#663333
■#cccc99 ■#cccc66 ■#99cc66
■#cccc33 ■#99cc33 ■#66cc33
■#999933 ■#669933 ■#666633
■#99cc99 ■#66cc66 ■#66cc99
■#33cc33 ■#33cc66 ■#33cc99
■#339933 ■#339966 ■#336633

↑ テキストボックスに戻る

水色系〜青系 青系〜紫系 紫系〜赤系
■#99cccc ■#66cccc ■#6699cc
■#33cccc ■#3399cc ■#3366cc
■#339999 ■#336699 ■#336666
■#9999cc ■#6666cc ■#9966cc
■#3333cc ■#6633cc ■#9933cc
■#333399 ■#663399 ■#333366
■#cc99cc ■#cc66cc ■#cc6699
■#cc33cc ■#cc3399 ■#cc3366
■#993399 ■#993366 ■#663366

↑ テキストボックスに戻る

渋い色

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

↑ テキストボックスに戻る

モノトーン

■#ffffff ■#cccccc ■#999999 ■#666666 ■#333333 ■#000000

↑ テキストボックスに戻る