文字にも背景にも使える色見本!使いやすい色を集めてみました!

Pocket

みとないと

こんにちは、みとないとです。

見出しの色や背景・文字の色など悩むことも多いと思います。

今回は、使えそうな色見本をピックアップしてみました。

悩んだときにご利用ください。

目次

原色のカラーパレット

#ff0000
#ff0000
#ff3300
#ff3300
#ff6600
#ff6600
#ff9900
#ff9900
#ffcc00
#ffcc00
#ffff00
#ffff00
#ccff00
#ccff00
#99ff00
#99ff00
#66ff00
#66ff00
#33ff00
#33ff00
#00ff00
#00ff00

#00ff00
#00ff00
#00ff33
#00ff33
#00ff66
#00ff66
#00ff99
#00ff99
#00ffcc
#00ffcc
#00ffff
#00ffff
#00ccff
#00ccff
#0099ff
#0099ff
#0066ff
#0066ff
#0033ff
#0033ff
#0000ff
#0000ff

#0000ff
#0000ff
#3300ff
#3300ff
#6600ff
#6600ff
#9900ff
#9900ff
#cc00ff
#cc00ff
#ff00ff
#ff00ff
#ff00cc
#ff00cc
#ff0099
#ff0099
#ff0066
#ff0066
#ff0033
#ff0033
#ff0000
#ff0000

少し柔らかめ

#ff3333
#ff3333
#ff6633
#ff6633
#ff9933
#ff9933
#ffcc33
#ffcc33
#ffff33
#ffff33
#ccff33
#ccff33
#99ff33
#99ff33
#66ff33
#66ff33
#33ff33
#33ff33

#33ff33
#33ff33
#33ff66
#33ff66
#33ff99
#33ff99
#33ffcc
#33ffcc
#33ffff
#33ffff
#33ccff
#33ccff
#3399ff
#3399ff
#3366ff
#3366ff
#3333ff
#3333ff

#3333ff
#3333ff
#6633ff
#6633ff
#9933ff
#9933ff
#cc33ff
#cc33ff
#ff33ff
#ff33ff
#ff33cc
#ff33cc
#ff3399
#ff3399
#ff3366
#ff3366
#ff3333
#ff3333

少し柔らかめ(原色別)

赤ff

#ff0000
#ff0000
#ff3300
#ff3300
#ff6600
#ff6600
#ff9900
#ff9900
#ffcc00
#ffcc00
#ffff00
#ffff00

赤cc

#cc0000
#cc0000
#cc3300
#cc3300
#cc6600
#cc6600
#cc9900
#cc9900
#cccc00
#cccc00
#ccff00
#ccff00

赤99

#990000
#990000
#993300
#993300
#996600
#996600
#999900
#999900
#99cc00
#99cc00
#99ff00
#99ff00

緑ff

#00ff00
#00ff00
#00ff33
#00ff33
#00ff66
#00ff66
#00ff99
#00ff99
#00ffcc
#00ffcc
#00ffff
#00ffff

緑cc

#00cc00
#00cc00
#00cc33
#00cc33
#00cc66
#00cc66
#00cc99
#00cc99
#00cccc
#00cccc
#00ccff
#00ccff

緑99

#009900
#009900
#009933
#009933
#009966
#009966
#009999
#009999
#0099cc
#0099cc
#0099ff
#0099ff

青ff

#0000ff
#0000ff
#3300ff
#3300ff
#6600ff
#6600ff
#9900ff
#9900ff
#cc00ff
#cc00ff
#ff00ff
#ff00ff

青cc

#0000cc
#0000cc
#3300cc
#3300cc
#6600cc
#6600cc
#9900cc
#9900cc
#cc00cc
#cc00cc
#ff00cc
#ff00cc

青99

#000099
#000099
#330099
#330099
#660099
#660099
#990099
#990099
#cc0099
#cc0099
#ff0099
#ff0099

原色⇒薄色

赤色

#ff0000
#ff0000
#ff3333
#ff3333
#ff6666
#ff6666
#ff9999
#ff9999
#ffcccc
#ffcccc

緑色

#00ff00
#00ff00
#33ff33
#33ff33
#66ff66
#66ff66
#99ff99
#99ff99
#ccffcc
#ccffcc

青色

#0000ff
#0000ff
#3333ff
#3333ff
#6666ff
#6666ff
#9999ff
#9999ff
#ccccff
#ccccff

中間色⇒薄色

紫色

#ff00ff
#ff00ff
#ff33ff
#ff33ff
#ff66ff
#ff66ff
#ff99ff
#ff99ff
#ffccff
#ffccff

黄色

#ffff00
#ffff00
#ffff33
#ffff33
#ffff66
#ffff66
#ffff99
#ffff99
#ffffcc
#ffffcc

青緑色

#00ffff
#00ffff
#33ffff
#33ffff
#66ffff
#66ffff
#99ffff
#99ffff
#ccffff
#ccffff
#cc00ff
#cc00ff
#cc33ff
#cc33ff
#cc66ff
#cc66ff
#cc99ff
#cc99ff
#ccccff
#ccccff
#ffcc00
#ffcc00
#ffcc33
#ffcc33
#ffcc66
#ffcc66
#ffcc99
#ffcc99
#ffcccc
#ffcccc
#00ffcc
#00ffcc
#33ffcc
#33ffcc
#66ffcc
#66ffcc
#99ffcc
#99ffcc
#ccffcc
#ccffcc
#cc00cc
#cc00cc
#cc33cc
#cc33cc
#cc66cc
#cc66cc
#cc99cc
#cc99cc
#cccccc
#cccccc
#ff9900
#ff9900
#ff9933
#ff9933
#ff9966
#ff9966
#ff9999
#ff9999
#ff99cc
#ff99cc
#00ff99
#00ff99
#33ff99
#33ff99
#66ff99
#66ff99
#99ff99
#99ff99
#ccff99
#ccff99

この記事が気に入ったら
いいねしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次