ウェブサイトの配色を行うための色彩学の基礎知識、配色前の準備、色彩設計などウェブサイトのカラーデザインに関する情報サイト
ウェブサイトのカラーコーディネートを専門とするカラーコーディネーター坂本邦夫が、読みやすく使いやすいホームページの配色についての記事を公開しているサイトです。
色彩の基礎知識から、配色の作り方、競合サイトとの色の比較方法や色のアクセシビリティまで、一通りの配色知識を学ぶことが出来ます。また、最新の情報や成果などもここで発表していきます。
赤、青、緑と言った色みの違いを表すものです。また類似色相と補色についても説明しています。イメージを決定するのに最も重要な属性です。
続きを読む… »
色相とは赤、青、緑のような色味の違いのことを表します。色相はイメージの違いを最も表現することが出来る属性です。
また色相を円上に配置したものを色相環と言います。同じ赤の中でも赤紫に近い赤や橙に近い赤など色々な赤がありますが、ここでは代表的な赤、黄、緑、青、紫の5色にその中間の色を加えて赤、橙、黄、黄緑、緑、青緑、青、青紫、紫、赤紫の10色を作り、その中間にもう1色加えて全部で20色相の色相環を作っております。
よく似た色相のことを表します。厳密にどこまでを似ているというかは大きな問題ではありませんが、色相環の上の5を基準にすると、3~4と6~7くらいまでを、類似色相として覚えておけばよいでしょう。
この色相環の正反対に位置する色のことを補色と呼びます。補色同士を並べて配置するとお互いに引き立て合って鮮やかに見えます。しかし使いどころを間違えると、まぶしくかえって見えにくくなってしまいます。
« 隠す
投稿日時: 2010年01月26日 11時59分カテゴリー: 色の三属性を知る | コメントはまだありません »タグ: 色の三属性, 色相, 色相環, 補色, 類似色相
▲このページの先頭に戻る
大阪在住のWeb制作者で、カラーコーディネートとかユーザビリティに関するあれこれを得意としております。ウェブカラーに関する講演や執筆も多数あります。写真は元飼い猫のぶるたんです。
アクセシビリティ アクセントカラー コーポレートカラー サイトの目的 サブカラー ジャッド トーン ベースカラー ユーザビリティ レイアウト 中性色 分析 可読性 執筆 売れる色 失敗 寒色 彩度 心構え 情報の伝達 明度 暖色 書籍 有彩色 業務委託 無彩色 競合サイト 背景色 色の三属性 色の心理的効果 色彩調和論 色相 色相環 視認性 調整 調査 配色 配色サンプル 閲覧環境 面積 面積比 類似色相 CIカラー HSBカラーモデル JIS X8341-3
新着情報のRSSを購読する
iPhoneでWeb配色をシミュレートすることができるウェブアプリを公開しています。
発行:技術評論社2011年2月発売
gihyo.jpでこの本の内容を見る
発行:毎日コミュニケーションズ2007年8月発売
amazon.co.jpでこの本の内容を見る