Webふぉれすと
Web制作、Webデザインのスキルアップに役立つ情報をお届けします!
みんなが癒され、元気になるWebを目指します。
サイトマップはこちら
PI-chicc,PA-chicc
うぇぶ実験室
ふぉれすとCafe
NANAKORO*BEANS
くりっくりんく
イベント・セミナーを探せ!
ふぉれすとかわらばん
がしがし通信
今日のスタッフ
スタッフプロフィール
ご意見ご感想フォーム
トップページにもどる
Webふぉれすとトップ > うぇぶ実験室

 カラーレッスン

【実験1】色の組み合わせを考えてみる。(以下、組み合わせの一例です)

(1)同系色の組み合わせ (2)類似色の組み合わせ
#FF0000/ #FF3333
#FF9999/#FFCCCC
#FF0000/ #FF3300
#FF6699/ #FF66CC
#99FF99/#CCFFCC
#9966FF/#CC99FF
#66FF00/#99FF00
#9933FF/#6633FF
#3333FF/#6666FF
#FFFF99/#FFFFCC
#66FFCC/#33FF99
#FFFF66/#CCFF66
▼同系色の組み合わせは落ち着いた感じですね。
インパクトがないかも・・・
▼類似色の組み合わせは、微妙な感じで色によっては効果的。 きつい色どうしだと、くどく感じました。

(3)補色の組み合わせ (4)明度の異なる色の組み合わせ
#FF0000/ #00FFFF
#FF66FF/#66FF66
#FF0000/#CC0000
#CC6699/#FF6699
#99FF99/FF99FF
#9900FF/#66FF00
#99FF99/#99CC99
#9966FF/#9933FF
#0066FF/#FF9900
#FFFF99/#9999FF
#3333FF/#0033FF
#FFFF99/#FFFF66
▼補色の組み合わせは、見たとおりです(笑)
インパクトはあるでしょうけど、気持ちよくないです
▼明度の異なる色の組み合わせは、立体的に見えて応用範囲が広がる感じがしました。

▼今まで無造作に好きな色を選んでましたが、色には法則があり、統一感やメリハリをもたす色があることがわかりました。
もっと色んな組み合わせを考えてみることにします。


前のページへ
うぇぶ実験室トップ
続きを読む

Copyright(c)2002-2004 Step-First All rights reserved. [About WebForest]
E-Mail:webforest@step-first.com