なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで

原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ

この画像を大きなサイズで見る つい最近、世界中を巻き込んでのドレスの色の見え方についての議論（関連記事）が繰り広げられていたことは記憶に新しいかと思う。だが、ここにあげる12の事実を見ていくと、「本当の色ってなんだよ？」、そもそも本当の色とか真実の色なんか存在しないんじゃないかと思ってしまうかもしれない。だって生物はみんな違ってそれぞれの色を見ているのだから。 1. ほとんどの人間は虹の7色と呼ばれる、可視スペクトルの範囲でものを見ている この画像を大きなサイズで見る これは大抵の人は3色型色覚であるからだ。つまり、目に3種類の錐体細胞があり、これによって緑、青、赤を見ているということだ。 2. だが中には色弱の人もいて、こんな世界で暮らしている この画像を大きなサイズで見る 上の画像は2秒おきに一般の見え方と、色弱の人のビジョンに切り替わる。世界的に見ると男性の8パーセント、女性の1パー

あのドレスはなぜ色が変わる？ ついに科学で判明2015.03.05 18:0025,759 satomi 白金と青黒で意見が真っ二つだった例の糞忌々しいドレス。実物は青黒とわかってからも、写真では未だに白金に見える派と青黒に見える派で真っ二つで、ついには｢見てる目の前で色が変わる｣症状を訴える人まで出ているようなので、一応、視覚の専門家の所見を補足しておきますね。 フォトショップ解析 Deadspinが行なったフォトショップ解析では、写真のドレスの色は青黒茶（大訂正！）とわかっています。が、面白いことに、色を反転させると…。 This is the dress on the left and inverted on the right #whiteandgoldpic.twitter.com/ZSAIntJotH — Professor Chris (@DesignedByTitan) F

山崎まどか @romanticaugogo このドレスが白と金に見えるか青と黒に見えるか、海外でものすごくバズってるんだけど、元ネタはどこなの？ ちなみに私は暗いところで撮影した白と金に見えます。 pic.twitter.com/t6aYcgA9gd 2015-02-27 11:26:14

「白地に金のレースだろ？」「正気かい？　どうみても青と黒だよ」──ある1枚の写真をめぐり、ソーシャルメディアで激論が交わされている。ドレスを写したなんの変哲もない写真だが、見る人によってドレスの色が違うというのだ。Twitterではセレブも次々に参戦し、世界で議論が盛り上がっている。 写真はあるユーザーがTumblrに投稿したのが発端とされる。そこには店頭らしき場所に陳列されているドレスが映っているが、この服の「色」が問題に。ある人は「少し暗いところに置いてある、白地に金色のレースのドレス」といい、ある人は「青地に黒のレースのドレス」だというのだ。 写真はまたたく間に世界中に拡散。歌手のテイラー・スウィフトさんが「混乱して恐いけど、明らかに青と黒」とツイートするなど、セレブたちもTwitterでさまざまに言及しており、「#whiteandgold #blueandblack」というハッシュ

ドレスの写真って？ インターネットで見る人によって二通りの色に見えるドレスの画像が話題になっていました。結論からいえばこのドレスは青と黒なのですが、「青と黒に見える」派と「白と金に見える」派に分かれるのです。あなたはどちらに見えますか？ 引用元: http://swiked.tumblr.com/image/139988249090 「ディスプレイが違うから」といった説明も見受けられますが、同じディスプレイを見て意見が割れている方もいることから、影響はあるにしても主要因ではなさそうです。 また、「年をとると網膜の細胞が衰えて云々」という意見もありますが、老若男女はあまり関係なく青黒派と白金派がいるので、こちらの影響も少なさそうです*1。 それではこの理由について解説してみます。間違えてたら教えてください。 30秒で分かる説明 人間は周囲の状況が変わっても同じものは同じ色で見えるように脳内で

白と金か、青と黒か。どちらの色なのかわからないドレスの写真で、今世界がまっぷたつに割れています。 そりゃ、白金でしょ……えっ、違う？！（画像はTumblrより） 元々は海外のサイトで話題になったもので、投票を見たところ圧倒的に「白と金色」が優勢。 圧倒的ですね…… これを見て、日本のTwitterでも「白金派」と「黒青派」に分かれて、話題になっています。「青黒」「白金」で検索してみてください。 今回の写真は後ろの眩しい光と、前から当てられている光で、どちらから見るべきか混乱を招いている様子。ネットで売られている商品画像を見ると、一応、実物は「青黒」が正解のようです。 これなら確かに青と黒に見えますね（画像：Amazon.co.uk） あまりにみんなの意見がわかれているので、多くの人が考察をしています。 さて、あなたはどっち派？ （たまごまご） advertisement 関連記事 こいつ一

第2回kulerを触る：色理論を知らずとも、色理論にのっかる 吉田コマキ 2008-05-30

初めまして。「⁠kulerで気軽にカラーコーディネイト」の連載を書かせていただきます、ブロッコ・デリ・アーキテクツ有限会社の吉田コマキと申します。普段はWebデザインやグラフィックデザインでお仕事をさせていただいて、それ以外ではアクリル画やFlashアニメーションを休日にちまちま作っていたりします。実は沖縄在住でして、そろそろ夏が手に届く季節です。ここ日本の南西から皆様に「kuler」をもとに「色」にまつわる様々なお話をご紹介していきます。どうぞよろしくお願いいたします。 kulerって何？ kuler（クーラーと読みます）は、Adobe Labsから発表されたWebアプリケーションです。現在、無償公開中でWebデザインのみならず、様々な「色」と関係した職業にしている方、生活をしている方にとっても素敵なツールです。 図1　kulerのWebサイト。様々なテーマカラーが保存、公開されています

Pantoneが2015年セレクションしたカラーは、紫みの赤と茶を合わせた「Marsala（マルサラ）」。好みがはっきり分かれそうなカラーですね。 今回はダウンロード素材として、Marsalaを含む2015年 春のトレンドカラー16色をPhotoshop用のスウォッチにして用意しました。 Pantone Color of the Year PANTONE 18-1438 Marsala Marsala（マルサラ）はイタリアのシチリア島西海岸に位置する港湾都市で、有名なのがマルサラワインです。その美しいワインレッドを表現したのが「18-1438 Marsala」だと思われます。ワインは長い時間をかけてじっくり熟成され、深い味わいが生まれます。重厚感があり、表情が非常に豊かなカラーで、その色味は成熟した深みのある雰囲気を演出します。 光沢を加えると艶やかになり、マットにするとオブジェクトの本質

Webで見るデジタル色彩見本として 配色の見本帳は無料のインターネットツールです。各色のページでは、Webカラー（RGBカラー）をベースとした色の系統（色相）と色の鮮やかさ（彩度）・明暗の度合い（明度）を数値で表しています。各種カラーモードでの色数値を掲載しています。DTPでチラシや看板を作るとき、ホームページといったWEBサイト作成、パワーポイントでの資料作成など、各種デザインでのカラーマネージメントに便利なカラーコードが一目でわかるWebで見るデジタル色見本です。 色を扱うときに頻繁にぶち当たるのが配色ですが、色の法則に沿った色の組み合わせがテンプレートとなり色彩設計の手助けをしてくれます。 色検索で見つかる新配色 ベースとなる色、キーカラーを選ぶとそこからおすすめな相性の良い色をマッチングしてくれるのが当サイトの色検索です。メインに使う色が決まっているとき求める配色がすぐに見つけられ

このアイコンが表わす映画は？ ヒントは2015年公開予定の映画たち2015.01.30 18:305,152 junjun 見た瞬間にピピン！とくるのもありますね。 ちょっとレトロ風味な色合いとタッチで描かれているアイコンの集合体は、Silenzioが製作した2015年に公開予定の映画35作を35個のアイコンで表現したポスターなんです。 どのアイコンが何の映画かわかります？ 簡単なのもあれば、ちょっと難しいものも…。スターウォーズ、アベンジャーズ、ジュラシックパーク、007、美女と野獣、シンデレラ、テッドなんかが分りやすそうですね。一番右の列の上から二番目のスポンジはスポンジボブかな？ SilenzioのFacebookで当てっこしているので、気になる人はチェックしてみてください。 source: Silenzio Casey Chan －Gizmodo US [原文] （junjun）

By etaKate マーケティングにおいて「色」の果たす役割は非常に大きく、「購買行動の9割を目から得た情報によって決定している」という研究結果があるほどで、色をいかに上手く使うかがマーケティング成功のポイントの1つです。企業は実際のところどのように色を使っているのか、それはどのような効果を生んでいるのか、SNS専門のコンサルティング会社Bufferのレオ・ウィドリッチ氏が実例を使ってまとめています。 Why Facebook Is Blue: The Science of Colors in Marketing - The Buffer Blog http://blog.bufferapp.com/the-science-of-colors-in-marketing-why-is-facebook-blue 多くのウェブサイトや企業のロゴイメージにおいては、ある明確な目的があってその目