mamohoのホームページカラー配色講座

初心者のためのやさしい配色講座です。

 

ホームページを作る上で 意外と後回しにされているのが 「色」 です。
みなさんは ホームページの色について しっかりしたこだわりがありますか?
ここでは 色についての基礎知識と 上手な配色のコツについてお話して行きたい
と思います。

 

はじめに

   
色のイメージと固定観念
第一印象はとっても大切
カラーチャートの使い方
通販カタログに学ぶこと
色の3属性とは
色の対比とは
上手な配色のコツ
ホームページでの色とその特徴
RGBとCMYK
Webセーフカラーと16進数
HTMLでの色の指定
ホームページを見る環境
配色で気を付けてほしいこと

 

 

white&black

白・黒系

○ 色のイメージ
○ 文字色と背景色
○ 配色と色合わせ
○ 配色サンプル(配色パターン)
○ 配色サンプル(タイトル・素材)


 

yellow

黄色系

○ 色のイメージ
○ 文字色と背景色
○ 配色と色合わせ
○ 配色サンプル(配色パターン)
○ 配色サンプル(タイトル・素材)


 

red

赤系

○ 色のイメージ
○ 文字色と背景色
○ 配色と色あわせ
○ 配色サンプル(配色パターン)
○ 配色サンプル(タイトル・素材)


 

blue

青系

○ 色のイメージ
○ 文字色と背景色
○ 配色と色あわせ
○ 配色サンプル(配色パターン)
○ 配色サンプル(タイトル・素材)


 

green

緑系

○ 色のイメージ
○ 文字色と背景色
○ 配色と色あわせ
○ 配色サンプル(配色パターン)
○ 配色サンプル(タイトル・素材)


 

 

おまけ

Webセーフカラー一覧表
イメージから選ぶ配色
色の名前辞典
配色の本

 

ホームページは難しくない | ホームページカラーのお話

当ホームページは リンクフリーです! 
Copyright (C) 2007. mamoho. All Rights Reserved.
掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。