色見本帳・カラーチャート
 
全ての色

  ラジオボタンをチェック → 背景色が変化
文字色名をクリック → 全ての文字色が変化

楽天ブログ便利帳 - 色見本帳・カラーチャート - 全ての色

ベーシック - 赤・黄 - 黄・緑 - 緑・青緑 - 水色・青 - 青・紫 - 紫・赤 - 全て

ベーシック
#000000 #333333 #555555 #777777 #999999 #bbbbbb #dddddd #ffffff

#5e0000 #750b0b #8c1b1b #a32f2f #ba4848 #d16666 #e88787 #ffaeae
#572e2e #653a3a #734646 #8f6363 #9d7272 #b99595 #c7a8a8 #d5bdbd
#af5757 #b96868 #c37a7a #d7a1a1 #e1b6b6 #f0d9d9 #f5e5e5 #faf2f2
#5e002f #750b40 #8c1b53 #a32f69 #ba4881 #d1669b #e887b8 #ffaed6
#572e43 #653a4f #73465d #8f6379 #9d7288 #b995a7 #c7a8b8 #d5bdc9
#af5783 #b96890 #c37a9e #d7a1bc #e1b6cc #f0d9e4 #f5e5ed #faf2f6
#2f005e #400b75 #531b8c #692fa3 #8148ba #9b66d1 #b887e8 #d6aeff
#432e57 #4f3a65 #5d4673 #79638f #88729d #a795b9 #b8a8c7 #c9bdd5
#8357af #9068b9 #9e7ac3 #bca1d7 #ccb6e1 #e4d9f0 #ede5f5 #f6f2fa
#002c5e #0b3c75 #1b508c #2f65a3 #487dba #6698d1 #87b4e8 #aed3ff
#2e4157 #3a4e65 #465b73 #63778f #72869d #95a6b9 #a8b7c7 #bdc8d5
#5780af #688eb9 #7a9cc3 #a1bad7 #b6cae1 #d9e4f0 #e5ecf5 #f2f5fa
#005e56 #0b756c #1b8c83 #2fa399 #48bab0 #66d1c8 #87e8e0 #aefff8
#2e5754 #3a6561 #46736f #638f8b #729d99 #95b9b6 #a8c7c4 #bdd5d3
#57afa8 #68b9b2 #7ac3bd #a1d7d2 #b6e1dd #d9f0ee #e5f5f3 #f2faf9
#005e00 #0b750b #1b8c1b #2fa32f #48ba48 #66d166 #87e887 #aeffae
#2e572e #3a653a #467346 #638f63 #729d72 #95b995 #a8c7a8 #bdd5bd
#57af57 #68b968 #7ac37a #a1d7a1 #b6e1b6 #d9f0d9 #e5f5e5 #f2faf2
#5e5e00 #75750b #8c8c1b #a3a32f #baba48 #d1d166 #e8e887 #ffffae
#57572e #65653a #737346 #8f8f63 #9d9d72 #b9b995 #c7c7a8 #d5d5bd
#afaf57 #b9b968 #c3c37a #d7d7a1 #e1e1b6 #f0f0d9 #f5f5e5 #fafaf2
ベーシック
赤・黄
#ffeeee #ffdddd #ffcccc #ffbbbb #ffaaaa #ff9999 #ff6666 #ff3333 #ff0000
#fceeee #f8dddd #f5cccc #f1bbbb #eeaaaa #eb9999 #e06666 #d63333 #cc0000
#f8eeee #f1dddd #ebcccc #e4bbbb #ddaaaa #d69999 #c26666 #ad3333 #990000
#f5eeee #ebdddd #e0cccc #d6bbbb #ccaaaa #c29999 #a36666 #853333 #660000
#f1eeee #e4dddd #d6cccc #c9bbbb #bbaaaa #ad9999 #856666 #5c3333 #330000
#fff2ee #ffe6dd #ffd9cc #ffccbb #ffbfaa #ffb399 #ff8c66 #ff6633 #ff4000
#fcf1ee #f8e4dd #f5d6cc #f1c9bb #eebbaa #ebad99 #e08566 #d65c33 #cc3300
#f8f1ee #f1e2dd #ebd4cc #e4c5bb #ddb7aa #d6a899 #c27d66 #ad5233 #992600
#f5f0ee #ebe0dd #e0d1cc #d6c2bb #ccb3aa #c2a399 #a37566 #854733 #661a00
#f1efee #e4dfdd #d6cfcc #c9bebb #bbaeaa #ad9e99 #856e66 #5c3d33 #330d00
#fff7ee #ffeedd #ffe6cc #ffddbb #ffd5aa #ffcc99 #ffb366 #ff9933 #ff8000
#fcf5ee #f8ebdd #f5e0cc #f1d6bb #eeccaa #ebc299 #e0a366 #d68533 #cc6600
#f8f3ee #f1e7dd #ebdbcc #e4cfbb #ddc4aa #d6b899 #c29466 #ad7033 #994d00
#f5f1ee #ebe4dd #e0d6cc #d6c9bb #ccbbaa #c2ad99 #a38566 #855c33 #663300
#f1f0ee #e4e0dd #d6d1cc #c9c2bb #bbb3aa #ada399 #857566 #5c4733 #331a00
#fffbee #fff7dd #fff2cc #ffeebb #ffeaaa #ffe699 #ffd966 #ffcc33 #ffbf00
#fcf8ee #f8f1dd #f5ebcc #f1e4bb #eeddaa #ebd699 #e0c266 #d6ad33 #cc9900
#f8f6ee #f1ecdd #ebe3cc #e4dabb #ddd0aa #d6c799 #c2ab66 #ad8f33 #997300
#f5f3ee #ebe7dd #e0dbcc #d6cfbb #ccc4aa #c2b899 #a39466 #857033 #664d00
#f1f1ee #e4e2dd #d6d4cc #c9c5bb #bbb7aa #ada899 #857d66 #5c5233 #332600
赤・黄
黄・緑
#ffffee #ffffdd #ffffcc #ffffbb #ffffaa #ffff99 #ffff66 #ffff33 #ffff00
#fcfcee #f8f8dd #f5f5cc #f1f1bb #eeeeaa #ebeb99 #e0e066 #d6d633 #cccc00
#f8f8ee #f1f1dd #ebebcc #e4e4bb #ddddaa #d6d699 #c2c266 #adad33 #999900
#f5f5ee #ebebdd #e0e0cc #d6d6bb #ccccaa #c2c299 #a3a366 #858533 #666600
#f1f1ee #e4e4dd #d6d6cc #c9c9bb #bbbbaa #adad99 #858566 #5c5c33 #333300
#fbffee #f7ffdd #f2ffcc #eeffbb #eaffaa #e6ff99 #d9ff66 #ccff33 #bfff00
#f8fcee #f1f8dd #ebf5cc #e4f1bb #ddeeaa #d6eb99 #c2e066 #add633 #99cc00
#f6f8ee #ecf1dd #e3ebcc #dae4bb #d0ddaa #c7d699 #abc266 #8fad33 #739900
#f3f5ee #e7ebdd #dbe0cc #cfd6bb #c4ccaa #b8c299 #94a366 #708533 #4d6600
#f1f1ee #e2e4dd #d4d6cc #c5c9bb #b7bbaa #a8ad99 #7d8566 #525c33 #263300
#f7ffee #eeffdd #e6ffcc #ddffbb #d5ffaa #ccff99 #b3ff66 #99ff33 #80ff00
#f5fcee #ebf8dd #e0f5cc #d6f1bb #cceeaa #c2eb99 #a3e066 #85d633 #66cc00
#f3f8ee #e7f1dd #dbebcc #cfe4bb #c4ddaa #b8d699 #94c266 #70ad33 #4d9900
#f1f5ee #e4ebdd #d6e0cc #c9d6bb #bbccaa #adc299 #85a366 #5c8533 #336600
#f0f1ee #e0e4dd #d1d6cc #c2c9bb #b3bbaa #a3ad99 #758566 #475c33 #1a3300
#f2ffee #e6ffdd #d9ffcc #ccffbb #bfffaa #b3ff99 #8cff66 #66ff33 #40ff00
#f1fcee #e4f8dd #d6f5cc #c9f1bb #bbeeaa #adeb99 #85e066 #5cd633 #33cc00
#f1f8ee #e2f1dd #d4ebcc #c5e4bb #b7ddaa #a8d699 #7dc266 #52ad33 #269900
#f0f5ee #e0ebdd #d1e0cc #c2d6bb #b3ccaa #a3c299 #75a366 #478533 #1a6600
#eff1ee #dfe4dd #cfd6cc #bec9bb #aebbaa #9ead99 #6e8566 #3d5c33 #0d3300
黄・緑
緑・青緑
#eeffee #ddffdd #ccffcc #bbffbb #aaffaa #99ff99 #66ff66 #33ff33 #00ff00
#eefcee #ddf8dd #ccf5cc #bbf1bb #aaeeaa #99eb99 #66e066 #33d633 #00cc00
#eef8ee #ddf1dd #ccebcc #bbe4bb #aaddaa #99d699 #66c266 #33ad33 #009900
#eef5ee #ddebdd #cce0cc #bbd6bb #aaccaa #99c299 #66a366 #338533 #006600
#eef1ee #dde4dd #ccd6cc #bbc9bb #aabbaa #99ad99 #668566 #335c33 #003300
#eefff2 #ddffe6 #ccffd9 #bbffcc #aaffbf #99ffb3 #66ff8c #33ff66 #00ff40
#eefcf1 #ddf8e4 #ccf5d6 #bbf1c9 #aaeebb #99ebad #66e085 #33d65c #00cc33
#eef8f1 #ddf1e2 #ccebd4 #bbe4c5 #aaddb7 #99d6a8 #66c27d #33ad52 #009926
#eef5f0 #ddebe0 #cce0d1 #bbd6c2 #aaccb3 #99c2a3 #66a375 #338547 #00661a
#eef1ef #dde4df #ccd6cf #bbc9be #aabbae #99ad9e #66856e #335c3d #00330d
#eefff7 #ddffee #ccffe6 #bbffdd #aaffd5 #99ffcc #66ffb3 #33ff99 #00ff80
#eefcf5 #ddf8eb #ccf5e0 #bbf1d6 #aaeecc #99ebc2 #66e0a3 #33d685 #00cc66
#eef8f3 #ddf1e7 #ccebdb #bbe4cf #aaddc4 #99d6b8 #66c294 #33ad70 #00994d
#eef5f1 #ddebe4 #cce0d6 #bbd6c9 #aaccbb #99c2ad #66a385 #33855c #006633
#eef1f0 #dde4e0 #ccd6d1 #bbc9c2 #aabbb3 #99ada3 #668575 #335c47 #00331a
#eefffb #ddfff7 #ccfff2 #bbffee #aaffea #99ffe6 #66ffd9 #33ffcc #00ffbf
#eefcf8 #ddf8f1 #ccf5eb #bbf1e4 #aaeedd #99ebd6 #66e0c2 #33d6ad #00cc99
#eef8f6 #ddf1ec #ccebe3 #bbe4da #aaddd0 #99d6c7 #66c2ab #33ad8f #009973
#eef5f3 #ddebe7 #cce0db #bbd6cf #aaccc4 #99c2b8 #66a394 #338570 #00664d
#eef1f1 #dde4e2 #ccd6d4 #bbc9c5 #aabbb7 #99ada8 #66857d #335c52 #003326
緑・青緑
 

ベーシック - 赤・黄 - 黄・緑 - 緑・青緑 - 水色・青 - 青・紫 - 紫・赤 - 全て

■文字の「色」を変える。■

<font color="#1b8c83">
ああああ</font>

ああああ
 

■文字の「大きさ」を変える。■
文字の「大きさ」についてはこちら。

<font size=4>
サイズ4の大きさ</font>

サイズ4の大きさ

<font style="font-size:20px;">
20ピクセルの大きさ</font>

20ピクセルの大きさ
 

■文字の「大きさ」と「色」を変える。■

<font size=4 color="#ff0000">サイズ4で赤色</font>


サイズ4で赤色


<font style="font-size:20px;color:#EAC5FF;">
20ピクセルで赤色</font>

20ピクセルで緑色

 


楽天ブログ便利帳 - 色見本帳・カラーチャート - 全ての色