★ Let's become a Web Designer! 【プロフィール】 【商品一覧】 【特典画像】 【あなたのお手伝い】 【会社概要】
 

ホームページの色で使用するカラーチャート

 
トップページ はじめにご覧ください 講座の効果 作成実績 受講者の声 パーツテンプレート集 ホームページ基礎講座 よく使う用語集
 
 
プロフィール商品一覧特典画像お手伝い
 

ホームページの色で使用するカラーチャート

 
トップページ 基礎知識 ホームページソフト スマホサイト講座 AI活用法 用語集 HTMLタグ CSS入門 テクニック集
 
 

配色表 (カラーチャート)

ホームページの配色を決めるときに便利です。


■ 赤の配色(red)
                   
#ffe5e5 #ffcccc #ffb2b2 #ff9999 #ff7f7f #ff6666 #ff4c4c #ff3333 #ff1919 #ff0000

■ 青色の配色(blue)
                   
#e5f1ff #cce3ff #b2d6ff #99c8ff #7fbbff #66adff #3392ff #1984ff #0077ff #0000ff

■ 黄色の配色(yellow)
                   
#ffffe5 #ffffcc #ffffb2 #ffff99 #ffff7f #ffff66 #ffff4c #ffff33 #ffff19 #ffff00

■ 緑の配色(green)
                   
#e5ffe5 #ccffcc #b2ffb2 #99ff99 #7fff7f #66ff66 #4cff4c #33ff33 #19ff19 #00ff00

■ オレンジの配色(orange)
                   
#fff0e5 #ffe1cc #ffd2b2 #ffc399 #ffb47f #ffa566 #ff964c #ff8833 #ff7919 #ff6a00

■ 紫色の配色(purple)
                   
#f2e5ff #e5ccff #d8b2ff #cc99ff #bf7fff #b266ff #a54cff #9933ff #8c19ff #7f00ff

■ 水色の配色(aqua)
                   
#e5fffc #ccfffa #b2fff8 #99fff6 #7ffff4 #66fff2 #4cfff0 #33ffed #19ffeb #00ffe9

■ ピンク色の配色(pink)
                   
#ffe5f2 #ffcce5 #ffb2d8 #ff99cc #ff7fbf #ff66b2 #ff4ca5 #ff3399 #ff198c #ff007f

■ 灰色の配色(gray)
                   
#d5d5d5 #c7c7c7 #b9b9b9 #ababab #9d9d9d #8f8f8f #818181 #737373 #656565 #575757

^