画面上で、白黒でコピーしたときに見栄えのよい配色を作成する


9

ヘッダーのレベルごとにはっきりと異なる色を持つテキスト見出しの配色を作成しようとしていますが、ほとんど暗い色で印刷されます。私はhttp://colorbrewer2.org/を調べましたが、白黒で印刷したときに異なるように見える色を生成します(たとえば、マップ上に2つの領域が隣接していて、それらを異なるようにしたい場合)。コピーしたくないときにお互いに明るい色が欲しくないのです。つまり、カラースクリーン/プリンターを使用している人に色を見てもらいたいのですが、白黒でコピーした場合はすべてかなり暗くなります。見出し。

私は次の質問を見ましたが、私がやろうとしていることは完全ではありません。

白黒で印刷するときにも役立つ配色を見つける方法

はい、コントラストが問題ですが、私の本当の質問は、「色が白黒でどのくらい暗くなるかを知るにはどうすればよいですか」でしょうか。

私は高校の物理学の授業のために、かなりシンプルなデザイン(リーディングとワークシート)のカリキュラムの資料に取り組んでいます。色を使用したい主な場所は見出しになるので、すべて白い背景になります。素材は現在白黒です。見出しレベル(H1、H2など)に異なる色を使用したいので、電子版(iPadおよびその他のデバイス上)を使用している学生のためにジャンプしますが、一部の見出しが回転しないことも確認してください灰色/薄すぎる。資料はWordおよびPDFファイルとして配布されます。ドキュメントをコピーするほとんどの教師は、まずPDF版を白黒レーザープリンターで印刷し、次にそのドキュメントからコピーします(そのため、コピー機のフィルターの性質は異なります)それは重要だと思います)。

私が始めて#000000、各色の少しだけ追加すると(例:#000088#008800)、これらはかなり暗く印刷されるはずですが、「行く」色を選択するのに役立つツールがないかと思います一緒に」(私は教師でありアマチュアデザイナーなので、「まともな」配色を見つけるためにcolorbrewer2などのオンラインツールをよく利用しています)。

お時間とご回答ありがとうございます。


最新のコピー機はスキャナーなので、使用されるデジタルフィルターに基づいて結果が表示される場合があります。
joojaa 2014

回答:


2

カラーが白黒で印刷される暗さをどのようにして知ることができますか?

私は最近、同様の理由で、色の知覚される明るさの測定値を取得する方法を調べていますが、紙ではなく画面上に興味があります。ここに私が見つけたいくつかのものがあります:

HSB

質問のようなRGB値をHSB(色相、彩度、明るさ)値に変換するのは簡単です。Bここの明るさの値があなたが必要とするものであるように最初に思われるかもしれません。ただし、ここでの数値は、人間の視聴者に色がどのように見えるかとはあまり関係ありません。たとえば、Hを変更すると、知覚される明度が大幅に変更され、Bを変更すると、知覚される色相が変更されます。これは、RGB(およびRGBからの単純な変換であるHSB)は、「目が知覚するもの」ではなく、「このデバイスが生成できるもの」に関するものだからです。

W3C「知覚される明るさ」

知覚される明るさの「W3C式」があります(R*299 + G*587 + B*114) / 1000。(私はこれをBill Van Heckeの素晴らしい本で最初に見つけました。)この式のRGB値の範囲は0から1です。したがって#FFFFFF、(1 * 299 + 1 * 587 + 1 * 114)/ 1000 = 1になります。

あなたの#008800例では、緑の値は16進数の0x88、つまり10進数の136です。その数値は0〜255の範囲です。したがって、その色についてW3Cが認識する明るさは、(0 * 299 +(136/255)* 587 + 0 * 114)/ 1000 = 0.31です。

その他の「知覚される明るさ」の公式

W3Cの公式は概算であり、黄色の色合いには明らかに悪い結果をもたらします。私はNir Dobovizkiによるこのページが有用であることに気づきました。これは、いくつかの優れた説明と、Darel Rex FinleyよるHSPと呼ばれるいくつかの代替式を提供します。さらに多くの数式が必要な場合は、このスタックオーバーフローの質問に対する回答にたくさんリストされています

実際に知覚測定に基づくカラーシステム

私が正しく理解している場合、これらの式は実際に認識されているものに対する単純な近似にすぎないため、私は上記の引用に「認識された明るさ」を入れました。それを解決するには、制御された条件で実際の被験者を使った多くの実験が必要であり、結果はきちんとした単純な公式に適合しません。

CIELABというシステムがあります。このシステムの番号は、次のとおりです。「CIE」は、それを作成した組織であるLabLこのシステムでは、輝度である、と私は右理解していれば、これは我々が探している番号であり、私はこれが実際に人間での実験の多くに基づいていると信じています。 Adobe Kulerは、LABを含むさまざまなシステムで色を操作できる、無料のすばらしいWebサイトです。ただし、aand b値は、私の現在の理解を少し超えています。ですから、LABの前身を見つけてとても嬉しかったです...

マンセル表色系は色相、価値と彩度を使用しています。これはコンピュータよりも古いため、値の記述方法は少し「古風」に見える場合があります。しかし、実際には少しの研究の結果、このシステムは私にとって非常に理にかなっていることがわかりました(私は何年もの間色に戸惑っていましたが、これは助けになっているようです)。人間の知覚の研究に深く根ざしているようです。次に例を示し5PB 4.4/12ます。H、V、Cは次のとおりです。

  • 色相5PBはパープルブルーです。マンセルは、色相を円の周りに配置しました(これはHSBのH値のようなもので、度で表すことができます)。マンセルシステムでは、文字は色相を表すために使用されます(数字はすぐに説明します)。10の色相があります-他のシステムよりも多く:赤、赤紫、紫、紫青、青、青緑、緑、緑黄、黄、黄赤、そして赤に戻りRRPPPB1から10までの範囲等の数字は、より高い精度を与えるために文字の記述を変更します。 5PB正確なパープルブルーを意味します。 10R赤と黄赤の中間です。

  • 4.4/は中間明度に近いです。値の範囲は0(暗い)〜10(明るい)です。「マルーン」は暗いR色合い、「ピンク」は明るい色合いです。これらの他のほとんどのシステムとは異なり、これらの値の数値は実際には色相間で比較できます。をV一定に保ち、とを変更するHC、すべての色が同じ明るさになります。マンセルのVものはあなたが探しているものかもしれません。

  • クロマ/12は色の「強さ」です。「エメラルド」は強いグリーン、「ブドウ」は弱いグリーンです。彩度の値の範囲は興味深いです。0は灰色です。最大値は、色相と値によって異なります。赤の最大値は青緑の最大値の約2倍です。この複雑さは、人間による測定に起因します。したがって、このシステムは数学的にはきれいではありませんが、私にとっては有用だと思われます。

ここに私がここに持っているよりもマンセルシステムをよりよく説明するいくつかの参考文献があります:

  • 「マンセルカラーシステム:TMクリーランドによる使用を示唆する実用的な説明」は、1921年に出版された本です。ApplePainter.comWebサイトで全文を読むことも、紙の本として購入することもできます。図は素晴らしいです。私はそれが昔ながらの、しかし実際には非常にアクセスしやすい文章であると思います-それは非専門家の読者を対象としています:

読者は、素人の心の中に常に存在する科学的な混乱の恐れに対する最初から警告されるべきです。3次元の色には、高等数学の謎は含まれていません。それらについては、箱の3次元や、感じたり見たりできる他の形ほど、平均的な読者が簡単に理解できないものはありません。私たちは色に関して秩序のあるものを扱うことに慣れていないので、アイデア自体に内在する複雑さというよりは、この事実であり、これは、初めて。

…見ることができるすべてのカラーモデルは色の関係を正確に表すことができず、色の関係を正確に表すカラーモデルは見ることができません(物理的に構築または画像として表す)。

  • mColorDesigner Macアプリ:Yanmei HeによるMac App Storeのいくつかの1つで、マンセルの色空間を探索し、実際に使用する値との間で変換を行うのに役立ちます。私は時々それが少し遅くてバグが多いのを見つけます、しかしそれは私がこれをよりよく理解するのを本当に助けてくれました。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.