淡い色のカラーコード表があったら便利だなと思ったので作ってみました。
サイトを作成するときにお役立てください!
淡い色(パステルカラー)のカラーコード表 色別一覧表
赤系
#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 |