[B! color] IwamotoTakashiのブックマーク

IwamotoTakashi id:IwamotoTakashi

colorに関するIwamotoTakashiのブックマーク (4)

Mozilla Re-Mix: Firefoxで表示している画像からカラースキームを生成できるアドオン「ColorSuckr」
webサイトを製作するようなときは、ロゴや使用するパーツ・画像などにあわせて全体の配色もきちんと決めたいものですね。しかし、ただ適当に各部のカラーを選んでもなかなかいい具合には決まらず、四苦八苦することもよくあることです。このようなとき、その画像で使っている代表的なカラーを抜き出し、適切なカラースキームを生成することができるFirefoxアドオンが「ColorSuckr」です。「ColorSuckr」は、Firefoxで表示している画像で利用されている主要色をその場でリストアップし、それぞれの色に応じたカラースキームを同名のWebサービスを使って生成し、利用することができるというWeb管理者に便利なツールです。＜使い方＞アドオンをインストール後、Firefoxで必要な画像を表示し、コンテキストメニューから[Extract Image Colors]をクリックします。新規タブで以
IwamotoTakashi 2009/08/19
firefox

color
リンク
Bookmarklet: List Colors #2
出力する表を色を背景にしたシンプルな表になるようにした。文字色は明度(ブライトネス)をチェックして明るい色なら黒、暗い色なら白を設定するようにしたので、文字が読めないって事はないと思う。まぁ満足のいくものが出来たのでこれで終わり。 Bookmarklet: List Colors ちょっとすっきりする感じ。明度差のチェックは、Techniques For Accessibility Evaluation And Repair ToolsのCheckpoint 2.2 - Ensure that foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits or when viewed on a black and w
IwamotoTakashi 2009/05/25
color

bookmarklet
リンク
鎌倉散歩 (エイムック 1717 別冊湘南スタ…のカラーチャート - Color of Book
IwamotoTakashi 2009/05/08
color

desgin
リンク
マンセル表色系を使って視覚化の配色を改善する - kaisehのブログ
データを視覚化するとき、重要なのが色の選び方です。せっかく描いたグラフも、配色が悪いと見栄えがぱっとしなかったり、目が疲れたりします。以下はJFreeChartのデフォルト配色ですが、あまり良くない色使いの例だと思います。この配色は、 #FF5555, #5555FF, #55FF55, #FFFF55, #FF55FF, #55FFFFになっています。人間はRGB成分を平等に知覚するわけではないので、こういう（一見均等な）色の割り当てをすると、色のまとまり感がなくなって野暮ったい見た目になってしまいます。マンセル表色系は、人間の心理や知覚を前提にした色体系です。これを参考にして配色を組めば、目に優しい視覚化ができると思います。マンセル・カラー・システム - Wikipedia マンセル表色系はhue（色相）, value（明度）, chroma（彩度）の3要素で構成されますが、人
IwamotoTakashi 2009/05/01
おれは圧倒的に改善例のほうが見やすいなあ。

color

design
リンク
1