web色見本｜色見本のHTMLカラーコード一覧 お気に入りの色が見つかる！
web色見本一覧
web上で表示する色で迷った経験はありませんか？今回の記事では、『最適な色をすぐに見つけることができるweb色見本のカラーコード 一覧』をご紹介します。
色見本：16の基本的な色とカラーコード
16色の基本的な色とカラーコードはこちら。
| #FFFFFF White | #C0C0C0 Silver | #808080 Gray | #000000 Black |
| #FF0000 Red | #800000 Maroon | #FFFF00 Yellow | #808000 Olive |
| #00FF00 Lime | #008000 Green | #00FFFF Aqua | #008080 Teal |
| #0000FF Blue | #000080 Navy | #FF00FF Fuchsia | #800080 Purple |
色見本：webセーフカラー216色
Webセーフカラー216色はこちら。Webセーフカラーは、16進数表示でRGB各色が00からffまでぞろ目になるのが特徴です。（以下の表は右にスライドしてスクロールができます）
| #000000 | #333333 | #666666 | #999999 | #cccccc | #ffffff |
| #ff3300 | #cc3300 | #ff6633 | #993300 | #cc6633 | #ff9966 |
| #ff6600 | #663300 | #996633 | #cc9966 | #cc6600 | #ffcc99 |
| #ff9933 | #ff9900 | #996600 | #cc9933 | #ffcc66 | #cc9900 |
| #ffcc33 | #ffcc00 | #333300 | #666633 | #666600 | #999966 |
| #999933 | #999900 | #cccc99 | #cccc66 | #cccc33 | #cccc00 |
| #ffffcc | #ffff99 | #ffff66 | #ffff33 | #ffff00 | #ccff00 |
| #99cc00 | #ccff33 | #669900 | #99cc33 | #ccff66 | #99ff00 |
| #336600 | #669933 | #99cc66 | #66cc00 | #ccff99 | #99ff33 |
| #66ff00 | #339900 | #66cc33 | #99ff66 | #33cc00 | #66ff33 |
| #33ff00 | #003300 | #336633 | #006600 | #669966 | #339933 |
| #009900 | #99cc99 | #66cc66 | #33cc33 | #00cc00 | #ccffcc |
| #99ff99 | #66ff66 | #33ff33 | #00ff00 | #00ff33 | #00cc33 |
| #33ff66 | #009933 | #33cc66 | #66ff99 | #00ff66 | #006633 |
| #339966 | #66cc99 | #00cc66 | #99ffcc | #33ff99 | #00ff99 |
| #009966 | #33cc99 | #66ffcc | #00cc99 | #33ffcc | #00ffcc |
| #003333 | #336666 | #006666 | #669999 | #339999 | #009999 |
| #99cccc | #66cccc | #33cccc | #00cccc | #ccffff | #99ffff |
| #66ffff | #33ffff | #00ffff | #00ccff | #0099cc | #33ccff |
| #006699 | #3399cc | #66ccff | #0099ff | #003366 | #336699 |
| #6699cc | #0066cc | #99ccff | #3399ff | #0066ff | #003399 |
| #3366cc | #6699ff | #0033cc | #3366ff | #0033ff | #000033 |
| #333366 | #000066 | #666699 | #333399 | #000099 | #9999cc |
| #6666cc | #3333cc | #0000cc | #ccccff | #9999ff | #6666ff |
| #3333ff | #0000ff | #3300ff | #3300cc | #6633ff | #330099 |
| #6633cc | #9966ff | #6600ff | #330066 | #663399 | #9966cc |
| #6600cc | #cc99ff | #9933ff | #9900ff | #660099 | #9933cc |
| #cc66ff | #9900cc | #cc33ff | #cc00ff | #330033 | #663366 |
| #660066 | #996699 | #993399 | #990099 | #cc99cc | #cc66cc |
| #cc33cc | #cc00cc | #ffccff | #ff99ff | #ff66ff | #ff33ff |
| #ff00ff | #ff00cc | #cc0099 | #ff33cc | #990066 | #cc3399 |
| #ff66cc | #ff0099 | #660033 | #993366 | #cc6699 | #cc0066 |
| #ff99cc | #ff3399 | #ff0066 | #990033 | #cc3366 | #ff6699 |
| #cc0033 | #ff3366 | #ff0033 | #330000 | #663333 | #660000 |
| #996666 | #993333 | #990000 | #cc9999 | #cc6666 | #cc3333 |
| #cc0000 | #ffcccc | #ff9999 | #ff6666 | #ff3333 | #ff0000 |
《webセーフカラー216色の文字色サンプル》
色見本：#000000 あいうえお★☆
色見本：#333333 あいうえお★☆
色見本：#666666 あいうえお★☆
色見本：#999999 あいうえお★☆
色見本：#cccccc あいうえお★☆
色見本：#ff3300 あいうえお★☆
色見本：#cc3300 あいうえお★☆
色見本：#ff6633 あいうえお★☆
色見本：#993300 あいうえお★☆
色見本：#cc6633 あいうえお★☆
色見本：#ff9966 あいうえお★☆
色見本：#ff6600 あいうえお★☆
色見本：#663300 あいうえお★☆
色見本：#996633 あいうえお★☆
色見本：#cc9966 あいうえお★☆
色見本：#cc6600 あいうえお★☆
色見本：#ffcc99 あいうえお★☆
色見本：#ff9933 あいうえお★☆
色見本：#ff9900 あいうえお★☆
色見本：#996600 あいうえお★☆
色見本：#cc9933 あいうえお★☆
色見本：#ffcc66 あいうえお★☆
色見本：#cc9900 あいうえお★☆
色見本：#ffcc33 あいうえお★☆
色見本：#ffcc00 あいうえお★☆
色見本：#333300 あいうえお★☆
色見本：#666633 あいうえお★☆
色見本：#666600 あいうえお★☆
色見本：#999966 あいうえお★☆
色見本：#999933 あいうえお★☆
色見本：#999900 あいうえお★☆
色見本：#cccc99 あいうえお★☆
色見本：#cccc66 あいうえお★☆
色見本：#cccc33 あいうえお★☆
色見本：#cccc00 あいうえお★☆
色見本：#ffffcc あいうえお★☆
色見本：#ffff99 あいうえお★☆
色見本：#ffff66 あいうえお★☆
色見本：#ffff33 あいうえお★☆
色見本：#ffff00 あいうえお★☆
色見本：#ccff00 あいうえお★☆
色見本：#99cc00 あいうえお★☆
色見本：#ccff33 あいうえお★☆
色見本：#669900 あいうえお★☆
色見本：#99cc33 あいうえお★☆
色見本：#ccff66 あいうえお★☆
色見本：#99ff00 あいうえお★☆
色見本：#336600 あいうえお★☆
色見本：#669933 あいうえお★☆
色見本：#99cc66 あいうえお★☆
色見本：#66cc00 あいうえお★☆
色見本：#ccff99 あいうえお★☆
色見本：#99ff33 あいうえお★☆
色見本：#66ff00 あいうえお★☆
色見本：#339900 あいうえお★☆
色見本：#66cc33 あいうえお★☆
色見本：#99ff66 あいうえお★☆
色見本：#33cc00 あいうえお★☆
色見本：#66ff33 あいうえお★☆
色見本：#33ff00 あいうえお★☆
色見本：#003300 あいうえお★☆
色見本：#336633 あいうえお★☆
色見本：#006600 あいうえお★☆
色見本：#669966 あいうえお★☆
色見本：#339933 あいうえお★☆
色見本：#009900 あいうえお★☆
色見本：#99cc99 あいうえお★☆
色見本：#66cc66 あいうえお★☆
色見本：#33cc33 あいうえお★☆
色見本：#00cc00 あいうえお★☆
色見本：#ccffcc あいうえお★☆
色見本：#99ff99 あいうえお★☆
色見本：#66ff66 あいうえお★☆
色見本：#33ff33 あいうえお★☆
色見本：#00ff00 あいうえお★☆
色見本：#00ff33 あいうえお★☆
色見本：#00cc33 あいうえお★☆
色見本：#33ff66 あいうえお★☆
色見本：#009933 あいうえお★☆
色見本：#33cc66 あいうえお★☆
色見本：#66ff99 あいうえお★☆
色見本：#00ff66 あいうえお★☆
色見本：#006633 あいうえお★☆
色見本：#339966 あいうえお★☆
色見本：#66cc99 あいうえお★☆
色見本：#00cc66 あいうえお★☆
色見本：#99ffcc あいうえお★☆
色見本：#33ff99 あいうえお★☆
色見本：#00ff99 あいうえお★☆
色見本：#009966 あいうえお★☆
色見本：#33cc99 あいうえお★☆
色見本：#66ffcc あいうえお★☆
色見本：#00cc99 あいうえお★☆
色見本：#33ffcc あいうえお★☆
色見本：#00ffcc あいうえお★☆
色見本：#003333 あいうえお★☆
色見本：#336666 あいうえお★☆
色見本：#006666 あいうえお★☆
色見本：#669999 あいうえお★☆
色見本：#339999 あいうえお★☆
色見本：#009999 あいうえお★☆
色見本：#99cccc あいうえお★☆
色見本：#66cccc あいうえお★☆
色見本：#33cccc あいうえお★☆
色見本：#00cccc あいうえお★☆
色見本：#ccffff あいうえお★☆
色見本：#99ffff あいうえお★☆
色見本：#66ffff あいうえお★☆
色見本：#33ffff あいうえお★☆
色見本：#00ffff あいうえお★☆
色見本：#00ccff あいうえお★☆
色見本：#0099cc あいうえお★☆
色見本：#33ccff あいうえお★☆
色見本：#006699 あいうえお★☆
色見本：#3399cc あいうえお★☆
色見本：#66ccff あいうえお★☆
色見本：#0099ff あいうえお★☆
色見本：#003366 あいうえお★☆
色見本：#336699 あいうえお★☆
色見本：#6699cc あいうえお★☆
色見本：#6699cc あいうえお★☆
色見本：#99ccff あいうえお★☆
色見本：#3399ff あいうえお★☆
色見本：#0066ff あいうえお★☆
色見本：#003399 あいうえお★☆
色見本：#3366cc あいうえお★☆
色見本：#6699ff あいうえお★☆
色見本：#0033cc あいうえお★☆
色見本：#3366ff あいうえお★☆
色見本：#0033ff あいうえお★☆
色見本：#000033 あいうえお★☆
色見本：#333366 あいうえお★☆
色見本：#000066 あいうえお★☆
色見本：#666699 あいうえお★☆
色見本：#333399 あいうえお★☆
色見本：#000099 あいうえお★☆
色見本：#9999cc あいうえお★☆
色見本：#6666cc あいうえお★☆
色見本：#3333cc あいうえお★☆
色見本：#0000cc あいうえお★☆
色見本：#ccccff あいうえお★☆
色見本：#9999ff あいうえお★☆
色見本：#6666ff あいうえお★☆
色見本：#3333ff あいうえお★☆
色見本：#0000ff あいうえお★☆
色見本：#3300ff あいうえお★☆
色見本：#3300cc あいうえお★☆
色見本：#6633ff あいうえお★☆
色見本：#330099 あいうえお★☆
色見本：#6633cc あいうえお★☆
色見本：#9966ff あいうえお★☆
色見本：#6600ff あいうえお★☆
色見本：#330066 あいうえお★☆
色見本：#663399 あいうえお★☆
色見本：#9966cc あいうえお★☆
色見本：#6600cc あいうえお★☆
色見本：#cc99ff あいうえお★☆
色見本：#9933ff あいうえお★☆
色見本：#9900ff あいうえお★☆
色見本：#660099 あいうえお★☆
色見本：#9933cc あいうえお★☆
色見本：#cc66ff あいうえお★☆
色見本：#9900cc あいうえお★☆
色見本：#cc33ff あいうえお★☆
色見本：#cc00ff あいうえお★☆
色見本：#330033 あいうえお★☆
色見本：#663366 あいうえお★☆
色見本：#660066 あいうえお★☆
色見本：#996699 あいうえお★☆
色見本：#993399 あいうえお★☆
色見本：#990099 あいうえお★☆
色見本：#cc99cc あいうえお★☆
色見本：#cc66cc あいうえお★☆
色見本：#cc33cc あいうえお★☆
色見本：#cc00cc あいうえお★☆
色見本：#ffccff あいうえお★☆
色見本：#ff99ff あいうえお★☆
色見本：#ff66ff あいうえお★☆
色見本：#ff33ff あいうえお★☆
色見本：#ff00ff あいうえお★☆
色見本：#ff00cc あいうえお★☆
色見本：#cc0099 あいうえお★☆
色見本：#ff33cc あいうえお★☆
色見本：#990066 あいうえお★☆
色見本：#cc3399 あいうえお★☆
色見本：#ff66cc あいうえお★☆
色見本：#ff0099 あいうえお★☆
色見本：#660033 あいうえお★☆
色見本：#993366 あいうえお★☆
色見本：#cc6699 あいうえお★☆
色見本：#cc0066 あいうえお★☆
色見本：#ff99cc あいうえお★☆
色見本：#ff3399 あいうえお★☆
色見本：#ff0066 あいうえお★☆
色見本：#990033 あいうえお★☆
色見本：#cc3366 あいうえお★☆
色見本：#ff6699 あいうえお★☆
色見本：#cc0033 あいうえお★☆
色見本：#ff3366 あいうえお★☆
色見本：#ff0033 あいうえお★☆
色見本：#330000 あいうえお★☆
色見本：#663333 あいうえお★☆
色見本：#660000 あいうえお★☆
色見本：#996666 あいうえお★☆
色見本：#993333 あいうえお★☆
色見本：#990000 あいうえお★☆
色見本：#cc9999 あいうえお★☆
色見本：#cc6666 あいうえお★☆
色見本：#cc3333 あいうえお★☆
色見本：#cc0000 あいうえお★☆
色見本：#ffcccc あいうえお★☆
色見本：#ff9999 あいうえお★☆
色見本：#ff6666 あいうえお★☆
色見本：#ff3333 あいうえお★☆
色見本：#ff0000 あいうえお★☆
色見本：カラーグラデーション
色見本：カラーグラデーションを一部紹介します。
（以下の表は右にスライドしてスクロールができます。）
濃い色 ▷▷▷ 薄い色 ▷▷▷ めちゃ薄い色
| #000000 | #202020 | #606060 | #808080 | #a0a0a0 | #c0c0c0 | #e0e0e0 |
| #607475 | #779091 | #8ca7a8 | #a5c3c4 | #bfddde | #d1eced | #ebfcfc |
| #00ffff | #5dfcfc | #82ffff | #adffff | #d7fcfc | #ebffff | #f7fcfc |
| #0273b0 | #4196c4 | #6daed1 | #95c3db | #b3d4e6 | #cee4f0 | #f2f9fc |
| #191970 | #292975 | #54549e | #8787c4 | #b8b8e6 | #dfdff7 | #f0f0ff |
| #3a0263 | #4c0a7d | #8a50b5 | #b584d9 | #cba0eb | #f1e1fc | #fcf7ff |
| #ab02a0 | #b51dab | #cc50c4 | #db72d5 | #e89be4 | #f2c7f0 | #fff2fe |
| #f005b5 | #f527c1 | #fc62d6 | #fc95e3 | #fcbbed | #ffd6f6 | #fcf0fa |
| #870345 | #9e1e5e | #b8467f | #d472a3 | #e099bc | #edbed5 | #fcebf3 |
| #a30711 | #b31923 | #d94a53 | #e37179 | #f5959c | #fad9dc | #faebec |
| #8b4513 | #a35a26 | #cf9267 | #ebb58f | #f2ccb1 | #f7e0d0 | #fff6f0 |
| #f79102 | #fca428 | #fabb61 | #fcd192 | #fad9aa | #ffeacc | #fffbf5 |
| #ffff00 | #fcfc4c | #ffff7a | #fafa9d | #ffffc4 | #ffffe0 | #fcfcf5 |
| #27de02 | #51ed32 | #8aed77 | #bffcb3 | #caf7c1 | #dff7da | #f6fcf5 |
| #5c7502 | #758f17 | #96ad40 | #b3c767 | #c8d989 | #e4f0bb | #f5fae3 |
| #063636 | #115757 | #469c9c | #77c9c9 | #aeebeb | #d9fafa | #f2fafa |
色の組み合わせ 絵のサンプル
オリンピックシンボルカラー
オリンピックシンボルカラー
2020年
| #3198cc | #faaf3e | #000000 | #167816 | #e04848 |
色の組み合わせ：ハロウィン
色の組み合わせ
ハロウィン
背景：#ed5f08
文字：#ffffff
コウモリ：#333333
色の組み合わせ：クリスマス
色の組み合わせ
クリスマス
左の背景：#38b6ff
右の背景：#72ddb0
赤のカラーコード：#f95858
色の組み合わせ：花火
色の組み合わせ
花火
背景色：#111235
右の花：#25bec8 #8c52ff #c9e265 #ff66c4
左の花：#d43c40 #f58345 #ffcc00 #25bec8
色の組み合わせ：2020 オリンピック
色の組み合わせ
2020年
背景色：#f4d8f3
外枠：#d9d9d9
2020：#38b6ff #fff67b #35669b #ff5757
アルファベット：#fa5356 #3e5874 #db8cd8
当サイトのおすすめ記事
AdobeCCを安く購入する方法
コンビニで住民票取得手順【マイナンバーカード】
Picrewピクルーで作る おすすめ似顔絵メーカー11選
スプラトゥーン風の似顔絵メーカー
【フィッシャーズ】小学生に大人気YouTuber！
『ポケモン自己分析』話題のポケモン診断！
色見本 関連商品
パーフェクト配色ブック
超お得！楽天お買い物マラソン！はコチラ
超お得な楽天のお買い物マラソンのエントリーはコチラから！
さあ！旅に出よう！楽天トラベル・宿・予約はコチラ
WEB色見本｜色見本のHTMLカラーコード一覧 お気に入りの色を見つけよう！のまとめ
WEB色見本｜色見本のHTMLカラーコード一覧 お気に入りの色を見つけード一覧 お気に入りの色を見つけよう！のまとめ
WEB色見本｜色見本のHTMLカラーコード一覧 お気に入りの色を見つけよう！の記事はいかがでしたか？web色見本・HTMLカラーコードを調べてみて、あらためて色の多さに驚きました。この記事が皆様のお役に立てますように！
