完璧な色の組み合わせの非常に数学的な話

Zachary Beerは、Mac Solarizedの配色のカラーパレットとGeometriq画像を生成するための彼独自のプログラムを使用して、図面を作成します。



数年前、私はカラーパレットに夢中になりました。ウィリアムギブソンがNeuromancerで書いたように、白よりわずかに暗い色で、濃い灰色の背景に対して黄色オレンジとニュートラルブルーで強調された色です。 これらの色は、TextMateと呼ばれる一般的なMacOSコードエディターのSolarized Darkテーマに属していました。 正直なところ、最初は私は彼女があまり好きではありませんでした。 しかし、私はすぐに、他のカラースキームで作業できないことを発見しました。 一日中画面を見つめていると、必然的にフォントと色の問題を見つけるようになります。



私だけではないことがわかった。 私は専門職のコーダーではありませんが、コードエディターを使用してテキストを書き、メモを整理するのが好きです。 MacからWindowsに切り替えると、適切なツールを探し始め、ほぼすべての場所で16色の同じパレットを使用して、Solaized Darkと彼女に近い相対的なSolarized Lightが見え始めました。 何人のプログラマーがそれを使用するかを言うのは困難です。 このスキームは無料でオープンソースであるため、販売に関する統計情報はありません。 大規模なコードエディタや他の多くのツールにあります。 マイクロソフトは、人気のVS Codeエディターのスイートにもそれを含めました。 Solarizedには多くのファンがいます。



「Solarizedテーマがインストールされていないターミナルウィンドウを開くと、安心します」と、2011年にSolarizedが導入されて間もなくSolarizedを使い始めたプログラマー兼アーティストであるRichmond（Virginia）のZachary Beerは言います。 ビールはソラライズを非常に愛しているので、 コンピューター生成図面のカラースキームとして使用します。 「私は、暗い色と明るい色で似合うようなバランスのとれたパレットを配ることはできないと決めました」と彼は言います。



ソラリゼーションスキームは偶然に登場しました。 それは、その作成者であるイーサン・シュノーバーの詳細に対する執着を反映しています。 「私は、すべての色が好きであり、それらがすべて数学的に一致することを1000％確信するまでリリースしませんでした」とShunover氏は言います。 -多くのモニターがあり、キャリブレーションされたモニターもあれば、特に動揺したモニターもありました。 時々私はそれを妻に見せましたが、妻は私がそれで少し整理していると思っていました。」

コントラストが強すぎる

Shunoverは、2010年にSolarizedの作業を開始したときに、シアトルでデザイナーおよびプログラマーとして働いていました。 その少し前に、彼はOSを変更し、使用したツールに同梱されていた配色に失望しました。 多くのアプリケーションは、古いテキストコンピュータ端末から派生した単純な「白地に黒」のスキームのみを提供していました。 しかし、これらのカラースキームは、エミュレートしようとしている古いモニターよりもはるかにシャープに見えるように見えたようです。 実際のところ、1980年代の古いモニターの背景は本当に黒であると彼は言います。 「彼らはコントラストが少なかった。」 今日のLCDには、より暗い色とより明るい色を生成する機能があります。



画面上のテキストの最適なコントラストは重要なポイントです。 多くの人は非常に対照的なパターンが好きです。 しかし、シュノーバーはコントラストだけを心配していませんでした。 彼は低コントラストのスキームを好まなかった。 最高のテーマでさえ、少なくとも1色を使用し、他の色よりもはるかに明るく見えました。 これは、色の見かけの明るさが背景に依存するためです。 つまり、周囲の色に応じて、特定の青の色合いが多少明るく見えます。



Helmholtz-Kohlrausch効果として知られるこの現象は、コード作成ツールがコードの異なる部分を互いに区別するために色を使用するため、プログラマにとって特に厄介です。 たとえば、Solarized Darkスキームを使用した一般的なテキストエディターのWebページコードでは、リンクは緑色で表示されます。 斜体、青、および開発者が自分自身に書き込むコメントなどの書式構文は灰色です。 理想的には、色はこれらの要素を区別するのに役立ちますが、1つの要素が他の要素よりも目立つべきではありません。



Shunoverは、一緒に見えるだけでなく、同じ見かけの明るさを持つ色を選択することにしました。 タスクは、明るいテーマと暗いテーマに同じパレットを使用したかったため、複雑でした。 したがって、彼はいくつかのモニターと長いチェックが必要でした。





ソラライズドダーク





Vimエディターのソラリゼーションライト



Shunoverは、このような色の選択の数学的性質について多くのことを語っていますが、個人的な理由から、初期の色である青と黄色を選択しました。 青は彼に彼の長年のタラソフォビア-深い水への恐怖を思い起こさせます。 そして彼は、花の音や言葉の味など、 共感覚の他の症状はないと言いますが、黄色は彼の子供時代の味と匂いに関連した連想を呼び起こします。 「両親はアーティストであり、未知の理由で物を選ぶことに慣れていません」と彼は言います。



これに基づいて、Shunoverは、要素間に十分なコントラストを与えた（ただし、過度ではない）花をピックアップし始め、明るいバージョンと暗いバージョンで同じレベルのコントラストを維持しました。 結果は、反転しても同じ関係を維持する16色のパレットです。 「限られた数の音を使って音楽を作曲するようなものだと思う」とシュノーバーは言う。 「彼女にはとてもぼんやりした美しいものがあります。」

オープンソースソフトウェアの人気が高まっています

Shunoverは、コードストレージおよびコラボレーションプラットフォームであるGitHubを通じて、2011年4月にSolarizedを無料でリリースしました。 彼は決してお金を稼ぐつもりはないと言います。 「それは彼女の特別な何かを殺し、彼女に影を落とすでしょう」と彼は言います。 「私は、誰もが使えるように世界に特別な何かをリリースすることで、オープンソースソフトウェアを信じています。」



さまざまなアプリケーションで配色をテストしましたが、Shunoverは最初に限られた範囲のツールについてのみトピックを公開しました。たとえば、VimエディターやMuttテキストメールクライアントなどに使用しました。 彼はVimメーリングリストでSolarizedトピックのリリースを発表しました。 間もなく、プロジェクトはHacker Newsのフロントページにヒットしました。 彼はすぐにプログラマーが好きになりました。プログラマーはすぐに他のプログラミングツールにテーマを適合させることに従事しました。 2013年、Solarized DarkはFacebook広告の開発者のモニターに登場しました-暗い画面とそれらを横切る色付きの線に注意してください。





Solarizedは、オタクだけでなくアプリケーションにも徐々に浸透し始めています。 Solarizedは、オプションとしてUlysses MacOSワードプロセッサで提供されます。 この配色は、2014年にN ++ビデオゲームのグラフィックスに使用されました。MicroPadのメモ作成プログラムは、Solaizedをサイトの機能の1つとして宣伝しています。 「MicroPad用のSolarized Darkは夜間作業に特に役立ちます。これは私が認めたいと思うよりも頻繁に行います」と、ニュージーランドのウェリントンのビクトリア大学のコンピュータサイエンスの学生であるニック・ウェブスターは語っています。



しかし、これまでのところ、彼女は大規模なWebアプリケーションやソフトウェアパッケージの配色などの主流のものには到達していません。 「AppleがMacOSにダークモードを導入したとき、クールだと判断しました」とBeer氏は言います。 「しかし、私はそれがソラリゼーションされることを望みます。」



しかし、Google Chrome、Facebook Messenger、Slackのようなダークテーマのアプリの数が増えても、Solaizedは栄光の瞬間を迎えることができます。