MENU

会社員でも稼ぐ術

みとないと

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

2024年1月28日

<img decoding="async" src="https://mitoknight.com/wp-content/uploads/2021/05/2528701.png" alt="" class="c-balloon__iconImg" width="80px" height="80px">

みとないと

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

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

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

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

目次

原色のカラーパレット

赤⇒緑

#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をコピーしました！

コメント

コメントするコメントをキャンセル

メニュー