A collection of over 320 themes for a variety of different editors and software. All themes are originals created by Dayle Rees. Absent Contrast ↓ (top) <?php namespace Illuminate\Container; use Closure; use ArrayAccess; /** * Theme: * * * Copyright (c) */ class Container implements ArrayAccess { /** * An array of the types that have been resolved. * * @var array */ protected $resolved = array();

Material design カラー アクセシビリティ（コントラスト比）テスト結果 「Material design guidelines（マテリアル デザイン ガイドライン）」のスタイルガイド内「Color palette （カラーパレット）」に挙げられている各背景色と文字色を「JIS X 8341-3:2016」に基づいてコントラスト比をチェックし、結果としてまとめたものです。 最低限のコントラスト比 4.5:1（適合レベル AA）、最低限のコントラスト比 7:1（適合レベル AAA）。詳しくは実際の規格を確認してください。 文字色については「黒 = #111111」、「白 = #FFFFFF」として、Material design guidelines のカラーパレットにある背景色と文字色の組み合わせでコントラスト比をチェックしています。「AA」「AAA」は適合レベル、「（大）」と

iTunesのアルバムビューでアートワークをクリックすると、背景色がアートワークのプライマリカラーで塗りつぶされる効果がありますが、アレをこのサイトのアイキャッチのところでやりたいなぁと思いプラグインを作りました。 iTunesは単純にプライマリカラーを取得しているわけではなく、外周内側付近のプライマリカラーを取得するなど複雑なアルゴリズムが使われています。今回は、高機能ではなくもっと軽いものがよかったので、以下の様な機能でさくっとシンプルに実装しました。 指定した img を処理する 読み込んだ画像の中で一番使われているカラーを抽出して返す コールバックを実行する 2015/10/10 追記 アップデートしました。 jquery.primarycolor.js使い方は、プライマリカラーを取得したいimg要素に対してprimaryColor()するだけです。コールバック関数で取得したカラー

BlendMode・・・デザイナーならある程度使うだろうからともかく、コーダーから見れば全く掴みようがないシステムであります。「だから何？」的な。 が、しかし、一見不可思議な変換を行ってるようでも、実際には公式に則って該当部分の色を変更してるだけ。ならば、その計算式が判ればBlendModeがなんたるかが解ると言うもの。 というわけで、どうせ知りたかったところなので、少し気合を入れて調べてみましたよ。ま、公式自体はすぐに見つけられたので、あとは実際に当てはめて資料を構築していう作業がしんどかった・・・。 BlendModeを解説してみるよ http://wonderfl.net/c/qjEQ こちらがサンプルになります。 Calcurate BlendMode（PDF） http://melancholy.raindrop.jp/flash/blendmode.pdf んで、これ

先日の予告通り、私の使っているシンタックスカラーリング設定「dark448」を公開しました。ほんの少しだけ青みがかった黒背景をベースに、シックにまとめてあります。FDZ（FlashDevelop Zip）形式になっていますので、ダウンロード後、ダブルクリックするだけで導入できます。 以下、dark448の特徴と、インストール、バックアップ方法をご紹介します。 バックアップ方法 まずは、いつでも元の設定に戻せるように、自分の設定をエクスポートしておきましょう。 「ツール」→「シンタックスカラーリングの編集」を開きます。 ダイアログが開いたら、下の方にある「設定ファイルのエクスポート」ボタンをクリックします。 保存したいディレクトリを選び、適当な名前を付けて「保存」ボタンをクリックします。 これでOKです。 インストール方法 1.フォントのインストール バックアップできたら、dark448で使

I've mentioned in the past some of the color scheme scripts that I've used to make Vim nicer, and there are some really nice ones. However, I was growing tired of them lately. I looked around the Vim site trying to find something better but came up empty handed. Around that time I ran into Hamish Macpherson's blog, and noticed he was using a really nice color scheme on his code screenshots, and th

液晶ディスプレイとカラーマネージメント 編 このページは、Apple MacBook Pro に関するトピックをまとめた「myLife with MacBook Pro」で、 大変反響を呼んだ WUXGA ワイド液晶ディスプレイに関するトピックを独立させたものです。 ◆ ページが正常に表示されていない可能性があります ◆ もしこのメッセージが表示されている場合、ページの表示に必要なファイルが読み込まれていないか、あなたがレガシーウェブブラウザを使用している可能性があります。 このウェブサイトは比較的新しいテクノロジーで制作されているため、Netscape 4、Internet Explorer 6 などの旧世代Webブラウザでは閲覧に支障を来すおそれがあります。 またこのようなブラウザは、セキュリティが不十分な可能性があります。当サイトでは、Firefox、Opera、Safari 等の安

Fireworksで使っている色見本を共有する 自分でデザインしてるとここ部分はあそこの色と同じとか頭の中で理解してて、スポイトで色抜いちゃう人なので、個人的には色見本の使用頻度はあまり高くなかったりもします。 でも複数人で作業してて、例えば自分は大枠のデザインするけど、他の人がコーディングしてる途中で「あーそこの画像何か作って入れてくらさい」ってお願いしたい場合なんかに基本的なカラーパレットを予め渡しておけば「使ってる色これですから」って説明しやすいし、いちいち相手もスポイトで色抜かなくても分りやすいかな、と。色に拘りたい時に他の人が作った画像見て「その色ちゃうねん！」みたいなのを未然に防げたりとか。 Fireworksでのカラーテーブル（.act）ファイルの作り方 問題の色見本パネルのカラーテーブルは「.act」っていう拡張子のファイルらしいということが判明。とりあえずそれを作りたい。

無料で利用できる、Photoshop用のグラデーション ファイルの紹介です。 テーマ別のグラデーション

PhotoShop に初めて触れた人は、あまりに多彩なレイヤーや描画の ブレンドモード に戸惑うのではないでしょうか。しかも、PhotoShop のヘルプの記述は抽象的で感覚的な表現が多いので、いまいち用途や意味が不明だったりします。このドキュメントでは、実際に絵を描く上で役に立ちそうな実践的なサンプルを交えて、全ブレンドモードの意味を考えていきたいと思います。 このドキュメントでの変数や用語を定義しておきます。話を厳密にするために書いておくものですので、よく分からなければ読み飛ばしてもかまいません。Pa、Pb、Pn の3つの変数を使います。 Pa : 重ねられるレイヤー（下）の任意のチャンネル（ RGB 3つのうちのどれか）の任意のピクセルの明度（PhotoShop のヘルプで「基本色」とされているもの）で、 0～255 の整数で表す。Pb : 重ねるレイヤー（上）上の、Pa と同じチャ