少数色覚者にとって黄緑とオレンジは見分けづらい組み合わせの一つです。この記事のタイトル画像とかなかなか最悪です。 WEB、アプリや印刷物などのメディアではだいぶカラーユニバーサルデザインの考え方が浸透してきており、デザイナーも多様な色覚でも読み違えないように配慮してデザインすることが当たり前になってきていると思います。 Photoshopなどのグラフィックツールには簡単に少数色覚の見え方を確認できるプレビューモードがありますし、AdobeColorを使えば無料で少数色覚の人が混同しやすい色かどうかをすぐに確かめられます。https://color.adobe.com/ja/create/color-accessibility 少数色覚が見分けづらい色の組み合わせだと「-」が表示されるしかし、工業製品の世界では少数色覚にとって見分けづらい緑とオレンジの組み合わせのLEDインジケータ（表示）を

プレゼン資料の作り方を解説した本の中で、色を効果的に使ったグラフやスライドが「良い例」として紹介されることがあります。 ですが色を多用したプレゼンテーションには落とし穴も存在します。日本人男性の約5％、女性の約0.2％は特定の色の識別が苦手とされており、そうした色弱者にとっては「むしろ分かりにくいデザイン」になってしまう可能性があるのです。 カラーユニバーサルデザイン機構（CUDO）副理事長である伊賀公一さんは、前述の問題を解決するために、PowerPointやExcelの配色セットを「誰にでも分かりやすい色」であるカラーユニバーサルデザイン（CUD）に変更する方法を公開しました。 パワーポイントの色が分かりやすい色に CUDで作られた「色弱者にも分かりやすいプレゼン資料」 その方法とは、Microsoft Officeの書式設定を一括で変更する「テーマ」機能を使うというもの。CUDO公式

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

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

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

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

ColorTester (JIS X 8341-3:2010 に基づき背景色と前景色のコントラストチェックを行うソフト)を公開します。 ColorTester - JIS X 8341-3:2010 (WCAG 2.0)の達成基準に基づき背景色と前景色のコントラストのチェックを行うソフトウェア ※9月6日(土)更新 : 更新しました(Ver. 1.0 r33)。より正確に画像から色を取得できるようになりました。 ColorTesterは2色のコントラスト比を計算し評価するツールです。コントラストの評価はJIS X 8341-3:2010 (WCAG 2.0)の達成基準に基づきます。Mac OS X及びWindowsに対応しており、日本語と英語に対応しています。 コントラスト比 - ウェブ・コンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 Mac OS (OS X 10.7以

検証したパターン 調査結果 全アクセスのコンバージョン率（CVR） 結果は下記の通りとなりました。 なんと！緑色がもっともCVRが低いという結果になりました。 どうやら、無条件に「緑色のボタンはクリック率が高い」という結果にはならないようです。 Firefoxをダウンロードしたユーザーと、ビーワークスの採用に応募しようとしたユーザーには、何か違いがあったのでしょうか？ 「どこから流入したか」によって結果に違いがあった 調査対象ページにアクセスしたユーザーは、何かきっかけがあって、ビーワークスの採用に興味を持ってアクセスしているはずです。そこで、どこから流入したのか、「参照元」のセグメント別に結果を分けて分析してみます。 こうやってセグメント別に分けてみると、参照元によってCVRの平均値自体に大きな差があることがわかります。CVR順に並べると、検索 ＞ WebNAUT ＞ なめぱら という結

グレースケール変換の方法は多々ありますが、どうも「モード」→「グレー」がDisられる傾向があるようなのでそれは違うよ！というところから少し。 モード→グレーは結構優秀 （実際にはモードから変換するのではなくて、「編集」→「プロファイル変換」を勧めます。これだけは設定しておきたいPhotoshopショートカットキーの小ネタ） これを変換してみましょう。 (以下マウスオーバーでこの画像に変わります） モード変換グレー 他と比べると濃いのですが、色の濃度変換は最も感覚的に近いかと。PCの方はカーソル乗せたり外したりしてみてください。 参考：osakana.factory – グレースケールのひみつの３番目 どちらにしても、オフセット印刷向けに変換するのであればこの後の調整は「必須」です。これはどの方法でも同じです。 LabモードLチャンネル Lab変換後Lチャンネルのみ表示させ、そのままモード変

津波警報や注意報を地図でテレビ画面に表示する際、局によって異なっていた色合いを統一することが決まった。色覚障害者に見分けがつきにくい色の組み合わせも使われ、改善が必要と指摘されていた。複数の局から相

基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

ソラノイロ代表でカラーユニバーサルデザイン機構（CUDO）副理事長の伊賀公一氏はMSM2009で23日、「ソフトウェア開発におけるカラーユニバーサルデザインの重要性」と題して講演しました。 一級カラーコーディネータで視覚情報デザインコンサルタントながら、自身も色弱者（P型強度）である伊賀氏は、多様な色覚を持つ人にとって使いやすいソフトウェア開発の重要性について語りました。 はじめに伊賀氏は、日本では2003年まで学校教育で色覚検査が行われてきたため、社会に色弱アレルギーがあると指摘しました。実は色弱は下戸などと同じく、遺伝子の多形に伴う現象にすぎません。そのためCUDOでは健常者、色弱者などという呼び方ではなく、C型（Common）、P型（Protanope）、D型（Deuteranope）、T型(Tritanope)、A型（Achromat）という呼称を採用していると説明しました。なおC

2007年10月27日に開催された「PHP in Fukuoka ＆ 福岡Webデザイナーズ合同勉強会」で使用した資料を公開します。 FWD勉強会vol.1資料公開［PDF:1.4MB］ 当日伝えきれなかったことや、良い忘れていたこと、準備不足だった部分を補う意味で、付録を追加してから公開しようと思っていましたが、時間がかかりそうだったので、後日余裕ができてから公開したいと思います。 今回は「いろのはなし」というタイトルで、色彩調和をテーマに話をさせていただきました。学生の頃に色についての授業を受けているはずですが、あまり勉強をしていなかったので詳しいわけではなく、少し知っている程度でした。そこでいろんな本を読んだりしながら勉強をし直すことになりました。 色の話はとても範囲が広く、調べていくうちに全体をカバーすることなど到底無理であることが判ってたので、要望のあった「色彩調和」に絞ることに