プルチックの感情の輪｜人間の感情は色で分類すると関連性がわかる？ - Web活用術。
人間の感情の分類は、色の分類と似ている。このような考えで作られたのが、人間の感情を色相環のように分類した「プルチックの感情の輪」です。 色は基本となる「赤・青・黄」の三原色から、いろいろな色を作り出すことができます。 プルチックの感情の輪も、基本となる8つの感情から、感情同士が混ざり合うことでいろいろな感情が誕生すると考えられました。 例えば、アイスランドブルー、アカプルコブルー、アミーゴブルーなど、特定の色に名前を付ければ何色でも増やせるように、感情を細分化して名前をつければ、1000種類でも2000種類でも感情は作り出せる可能性があるということです。 感情の輪は、感情同士の関連性がわかりやすいので、人の気持ちを理解するのに役立ちます。
色のコントラストチェッカー | 文字色と背景色の組み合わせを確認
通常文字(22px未満)は、4.5 以上でAA、 7 以上でAAAです。 巨大文字(22px以上)は、3 以上でAA、 4.5 以上でAAAです。 太文字(14px以上)は、3 以上でAA、 4.5 以上でAAAです。 Web Content Accessibility Guidelines (WCAG) 2.0Web Content Accessibility Guidelines (WCAG) 2.0とは、ウェブコンテンツをよりアクセシブルにするための一定の基準を設けたガイドラインで、従うことで人々にとって利用しやすいウェブサイトとなります。達成レベルとして、AA(達成)、AAA(高いレベルで達成)があります。その中で、色のコントラスト比は次のように定められています。 文字の種類AAAAA通常文字 (22px未満)
What the Hex?
WHAT THE HEX? #a177f3 GUESS THE COLOR DIFFICULTY: 2 3 4 5 6 7 8 9 10 48
配色の見本帳 | キーカラーで選ぶ配色パターン - ホームページで作る配色
Webで見るデジタル色彩見本として 配色の見本帳は無料のインターネットツールです。各色のページでは、Webカラー（RGBカラー）をベースとした色の系統（色相）と色の鮮やかさ（彩度）・明暗の度合い（明度）を数値で表しています。各種カラーモードでの色数値を掲載しています。DTPでチラシや看板を作るとき、ホームページといったWEBサイト作成、パワーポイントでの資料作成など、各種デザインでのカラーマネージメントに便利なカラーコードが一目でわかるWebで見るデジタル色見本です。 色を扱うときに頻繁にぶち当たるのが配色ですが、色の法則に沿った色の組み合わせがテンプレートとなり色彩設計の手助けをしてくれます。 色検索で見つかる新配色 ベースとなる色、キーカラーを選ぶとそこからおすすめな相性の良い色をマッチングしてくれるのが当サイトの色検索です。メインに使う色が決まっているとき求める配色がすぐに見つけられ
【こんなにも凄い】色が人の心理と行動に与える影響とは デザイン会社 ビートラックス: ブログ
私たちの生活は色に囲まれているが、なぜ一つ一つにその色が使われているのか考えた事はあるだろうか。色は私たちが思っている以上に人の心の働きに影響を与えている。 世の中にあるもの全てには色がついていて、物作りに携わる人が決めている。人々はその色をデザインとして受け取るが、作り手は色の心理学をもとに配色を選んでいる。 無意識に私たちは色に誘導されているが、逆をいえば色彩の作用を知っていれば色で人々を誘導する事が可能である。ファッションなどでもその効果は発揮できるので、その時の場所や状況、モチベーションに合った色が選べるように色彩を学んでみるのもおもしろい。 それぞれの色の働きやどのように人に影響するのかを知っていれば人々を目的の方向へ誘導することができる。 【UXデザイン】行動心理学を利用したビヘイビアデザイン Part1 1. 色はどんな影響力があるか【心理的な影響】 暗記力、回想力、認識力を
よく当たる占いサイト - 言葉の色を診断！ファルベコローレ
色占い診断の使い方とお願い ファルベコローレは言葉を基に当てはまる配色を表示する色診断サイトです。キーワードを入力すると、その言葉からイメージされる配色とカラー属性を教えてくれます。色数値や色成分の分析や使用例といった様々な色彩データを色彩講座で解説しているので実用的にも使えます。カラーイメージは日にちを開けて再度調べたときに前とは違った色になることもあります。定期的に必ず入れ替わる分けではなく、ずっと同じ色がでる場合もあればガラッと違う色になる場合もあります。その時々で出てくる言葉のカラーリングをお楽しみください。 配色ツールとして デザインやイラスト制作で色の選定で困ったときの配色探しに便利です。カラーコンサルティングにも通じるカラー分析もあるので色に説得力も持たせられます。 色彩講座で色の勉強 言葉のカラーイメージを色相や彩度といった属性で分類したものを見たり、色から感じる温度や色の
iromiru (イロミル) - 画像からカラーコード抽出便利サービス
iromiru (イロミル) は、お手元の画像や画像のURLから、カラーコードを集められるウェブサービスです。
Color for Invisible Man 【カラホM】
2011年12月04日01:02 カテゴリ配色見本 日々の配色サンプル③－エレガントな配色２９題－ 今回はエレガントなイメージの配色サンプルです。 『エレガント』な配色は優雅で成熟した女性（または男性）をイメージした配色です。 『ゴージャス』ほど派手ではなく、『シック』よりも色っぽい配色であることがポイントです。 『エレガント』なイメージを作るには、 ・赤系統（ディープレッド、マルーン） ・オレンジ系統（ディープオレンジ、ブラウン、ベージュ） ・紫、赤紫系統、 ・ゴールド、シルバー、ブロンズ などの色の組み合わせが有効です。 また、トーンはビビットトーンを使わず、ダルトーンやダークトーン、グレイッシュトーンを ベースに考えると上手くいきます。 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
＋みずねこ色彩研究所＋ トップ
■Internet Explorer 5.5／1024×768(600×800でも可)／フォントサイズ中を推奨してます。 ■このサイトはフレームとJavascriptを多用してます。 フレーム（メニュー等）が表示されていない場合は、ココをクリックして入室しなおして下さい。 ■バナー以外の画像、テキストの無断転載・複写・加工・再配布・盗用・直リンク・パクリ行為を禁止します。 ■このサイトはトップページに限りリンクフリーです。詳しくはリンクについてで。
プロフェッショナルなWebデザインに見せるための配色を選ぶフレームワーク
Webデザインでおそらくもっとも大事な要素、配色を考えるときのTips。 Webデザインでどうやって色を選ぶかのフレームワークを紹介しています。海外ブログの翻訳記事です。Webデザインの配色ってどうやって決めてますか？直観でどんどん配色を決めて、はい！できあがり！で納得のいくものができたことがない私です。配色を決めるためにフレームワークを使って考えるといろいろ悩むより効率的ですね。 Webサイトデザインをプロフェッショナルっぽく見せているのは何でしょうか？ その答えは「色」です。 プロによるWebデザインに見せるために全てのプロジェクトでコーポレートブランドブルーを使う必要はありません。 色を考えるという事は、どの色を使うか、どんな風に使うかというフレームワークを作ることです。 色は最も不安定なデザインの要素ですからフレームワークを使って選ぶのが効率的です。 「良い色」というのは、モ
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色見本と配色サイト - color-sample.com
ウェブ・印刷デザイン向け、テーマ別・カラー別の色の組み合わせやカラースキームのまとめ
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - 日本の伝統色
色彩センスのいらない配色講座