淡い色のカラーコード表があったら便利だなと思ったので作ってみました。
サイトを作成するときにお役立てください!
淡い色(パステルカラー)のカラーコード表 色別一覧表
赤系
| #ff8787 |
#ff8b8b |
#ff8f8f |
#ff9393 |
#ff9797 |
| #ff9b9b |
#ff9f9f |
#ffa3a3 |
#ffa7a7 |
#ffabab |
| #ffafaf |
#ffb3b3 |
#ffb7b7 |
#ffbbbb |
#ffbfbf |
| #ffc3c3 |
#ffc7c7 |
#ffcbcb |
#ffcfcf |
#ffd3d3 |
| #ffd7d7 |
#ffdbdb |
#ffdfdf |
#ffe3e3 |
#ffe7e7 |
| #ffebeb |
#ffefef |
#fff3f3 |
#fff7f7 |
#fffbfb |
ピンク系
| #ff88cb |
#ff8ccc |
#ff90ce |
#ff94d0 |
#ff98d2 |
| #ff9cd3 |
#ffa0d5 |
#ffa4d7 |
#ffa8d9 |
#ffacda |
| #ffb0dc |
#ffb4de |
#ffb8e0 |
#ffbce1 |
#ffc0e3 |
| #ffc4e5 |
#ffc8e7 |
#ffcce8 |
#ffd0ea |
#ffd4ec |
| #ffd8ee |
#ffdcef |
#ffe0f1 |
#ffe4f3 |
#ffe8f4 |
| #ffecf6 |
#fff0f8 |
#fff4fa |
#fff8fb |
#fffcfd |
紫系
| #cc87ff |
#cd8bff |
#cf8fff |
#d193ff |
#d297ff |
| #d49bff |
#d69fff |
#d7a3ff |
#d9a7ff |
#dbabff |
| #ddafff |
#deb3ff |
#e0b7ff |
#e2bbff |
#e3bfff |
| #e5c3ff |
#e7c7ff |
#e8cbff |
#eacfff |
#ecd3ff |
| #eed7ff |
#efdbff |
#f1dfff |
#f3e3ff |
#f4e7ff |
| #f6ebff |
#f8efff |
#f9f3ff |
#fbf7ff |
#fdfbff |
青系
| #87baff |
#8bbcff |
#8fbeff |
#93c0ff |
#97c3ff |
| #9bc5ff |
#9fc7ff |
#a3caff |
#a7ccff |
#abceff |
| #afd1ff |
#b3d3ff |
#b7d5ff |
#bbd7ff |
#bfdaff |
| #c3dcff |
#c7deff |
#cbe1ff |
#cfe3ff |
#d3e5ff |
| #d7e8ff |
#dbeaff |
#dfecff |
#e3eeff |
#e7f1ff |
| #ebf3ff |
#eff5ff |
#f3f8ff |
#f7faff |
#fbfcff |
水色系
| #87edff |
#8bedff |
#8feeff |
#93eeff |
#97efff |
| #9bf0ff |
#9ff0ff |
#a3f1ff |
#a7f1ff |
#abf2ff |
| #aff3ff |
#b3f3ff |
#b7f4ff |
#bbf4ff |
#bff5ff |
| #c3f6ff |
#c7f6ff |
#cbf7ff |
#cff7ff |
#d3f8ff |
| #d7f9ff |
#dbf9ff |
#dffaff |
#e3faff |
#e7fbff |
| #ebfcff |
#effcff |
#f3fdff |
#f7fdff |
#fbfeff |
緑系
| #87ff99 |
#8bff9c |
#8fff9f |
#93ffa3 |
#97ffa6 |
| #9bffaa |
#9fffad |
#a3ffb0 |
#a7ffb4 |
#abffb7 |
| #afffbb |
#b3ffbe |
#b7ffc1 |
#bbffc5 |
#bfffc8 |
| #c3ffcc |
#c7ffcf |
#cbffd2 |
#cfffd6 |
#d3ffd9 |
| #d7ffdd |
#dbffe0 |
#dfffe3 |
#e3ffe7 |
#e7ffea |
| #ebffee |
#effff1 |
#f3fff4 |
#f7fff8 |
#fbfffb |
黄緑系
| #d1ff88 |
#d2ff8c |
#d4ff90 |
#d5ff94 |
#d7ff98 |
| #d8ff9c |
#daffa0 |
#dcffa4 |
#ddffa8 |
#dfffac |
| #e0ffb0 |
#e2ffb4 |
#e3ffb8 |
#e5ffbc |
#e6ffc0 |
| #e8ffc4 |
#e9ffc8 |
#ebffcc |
#ecffd0 |
#eeffd4 |
| #f0ffd8 |
#f1ffdc |
#f3ffe0 |
#f4ffe4 |
#f6ffe8 |
| #f7ffec |
#f9fff0 |
#fafff4 |
#fcfff8 |
#fdfffc |
黄色系
| #fffc87 |
#fffc8b |
#fffc8f |
#fffc93 |
#fffc97 |
| #fffc9b |
#fffc9f |
#fffca3 |
#fffca7 |
#fffcab |
| #fffdaf |
#fffdb3 |
#fffdb7 |
#fffdbb |
#fffdbf |
| #fffdc3 |
#fffdc7 |
#fffdcb |
#fffdcf |
#fffdd3 |
| #fffed7 |
#fffedb |
#fffedf |
#fffee3 |
#fffee7 |
| #fffeeb |
#fffeef |
#fffef3 |
#fffef7 |
#fffefb |
オレンジ系
| #ffd587 |
#ffd68b |
#ffd78f |
#ffd993 |
#ffda97 |
| #ffdc9b |
#ffdd9f |
#ffdea3 |
#ffe0a7 |
#ffe1ab |
| #ffe3af |
#ffe4b3 |
#ffe5b7 |
#ffe7bb |
#ffe8bf |
| #ffeac3 |
#ffebc7 |
#ffeccb |
#ffeecf |
#ffefd3 |
| #fff1d7 |
#fff2db |
#fff3df |
#fff5e3 |
#fff6e7 |
| #fff8eb |
#fff9ef |
#fffaf3 |
#fffcf7 |
#fffdfb |