生活

WEB色見本|色見本のHTMLカラーコード一覧 お気に入りの色を見つけよう!

更新日:

スポンサーリンク

web色見本|色見本のHTMLカラーコード一覧 お気に入りの色が見つかる!

色見本 色見本帳 色見本 青 色見本 ピンク 色見本 赤 色見本 青系 色見本 赤系 色見本 アイボリー 色見本 青緑 色見本 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

 

色の組み合わせ 絵のサンプル

オリンピックシンボルカラー

色見本 色見本帳 色見本 青 色見本 ピンク 色見本 赤 色見本 青系 色見本 赤系 色見本 アイボリー 色見本 青緑 色見本 webセーフカラー カラーコード カラーコード 変換 カラーコード 一覧 カラーコード 検索 カラーコード表 カラーコード グラデーション html 色見本

オリンピックシンボルカラー
2020年

#3198cc #faaf3e #000000 #167816 #e04848

色の組み合わせ:ハロウィン

色見本 色見本帳 色見本 青 色見本 ピンク 色見本 赤 色見本 青系 色見本 赤系 色見本 アイボリー 色見本 青緑 色見本 webセーフカラー カラーコード カラーコード 変換 カラーコード 一覧 カラーコード 検索 カラーコード表 カラーコード グラデーション html 色見本

色の組み合わせ
ハロウィン

色の組み合わせ

背景:#ed5f08 
文字:#ffffff 
コウモリ:#333333

色の組み合わせ:クリスマス

色見本 色見本帳 色見本 青 色見本 ピンク 色見本 赤 色見本 青系 色見本 赤系 色見本 アイボリー 色見本 青緑 色見本 webセーフカラー カラーコード カラーコード 変換 カラーコード 一覧 カラーコード 検索 カラーコード表 カラーコード グラデーション html 色見本

色の組み合わせ
クリスマス

色の組み合わせ

左の背景:#38b6ff
右の背景:#72ddb0
赤のカラーコード:#f95858

色の組み合わせ:花火

色見本 色見本帳 色見本 青 色見本 ピンク 色見本 赤 色見本 青系 色見本 赤系 色見本 アイボリー 色見本 青緑 色見本 webセーフカラー カラーコード カラーコード 変換 カラーコード 一覧 カラーコード 検索 カラーコード表 カラーコード グラデーション html 色見本

色の組み合わせ
花火

色の組み合わせ

背景色:#111235
右の花:#25bec8 #8c52ff #c9e265 #ff66c4
左の花:#d43c40 #f58345 #ffcc00 #25bec8

色の組み合わせ:2020 オリンピック

色見本 色見本帳 色見本 青 色見本 ピンク 色見本 赤 色見本 青系 色見本 赤系 色見本 アイボリー 色見本 青緑 色見本 webセーフカラー カラーコード カラーコード 変換 カラーコード 一覧 カラーコード 検索 カラーコード表 カラーコード グラデーション html 色見本

色の組み合わせ
2020年

色の組み合わせ

背景色:#f4d8f3
外枠:#d9d9d9
2020:#38b6ff #fff67b #35669b #ff5757
アルファベット:#fa5356 #3e5874 #db8cd8

スポンサーリンク

当サイトのおすすめ記事

 

 

色見本 関連商品

パーフェクト配色ブック

色見本 色見本帳 色見本 青 色見本 ピンク 色見本 赤 色見本 青系 色見本 赤系 色見本 アイボリー 色見本 青緑 色見本 webセーフカラー カラーコード カラーコード 変換 カラーコード 一覧 カラーコード 検索 カラーコード表 カラーコード グラデーション html 色見本

スポンサーリンク

WEB色見本|色見本のHTMLカラーコード一覧 お気に入りの色を見つけよう!のまとめ

WEB色見本|色見本のHTMLカラーコード一覧 お気に入りの色を見つけード一覧 お気に入りの色を見つけよう!のまとめ

WEB色見本|色見本のHTMLカラーコード一覧 お気に入りの色を見つけよう!の記事はいかがでしたか?web色見本・HTMLカラーコードを調べてみて、あらためて色の多さに驚きました。この記事が皆様のお役に立てますように!

屑美
筆者はブルー系の色が好き♥

投稿者:屑美

スポンサーリンク

-生活
-

Copyright© クズいき , 2019 All Rights Reserved.