2006年10月31日

日本の伝統色名の色を16進数で表示する Bookmarklet

日本の伝統色名は色の参考になりそうだが、ブログなどで使おうとすると色の指定がわからなくて不便な気がする。

そこで、Bookmarklet で色の名前の後にスタイルシートなどで指定する、16進数(#RRGGBB という表記)を表示させるようにしてみた。

Bookmarklet の使い方

  1. 下記をお気に入り(ブックマーク)に登録
    16進数表示
  2. 日本の伝統色名を表示
  3. 最初にお気に入り(ブックマーク)に登録した「16進数表示」をクリック
  4. 色名の後に #RRGGBB の形式で表示(少し時間が掛かるかも知れないです)
    その後の Back と Font をクリックすると背景色と文字の色がその色で変更可能

ソースはこんな感じ。

javascript:(function(){var d=document;var f=d.getElementsByTagName("font");for (var i=1;i<f.length;i++){var c=f[i].getAttribute("color");var l=f[i].parentNode;l.innerHTML+="[ "+c+" ] <a href=\"javascript:void(document.bgColor='"+c+"');\">Back<\/a> | <a href=\"javascript:void(document.fgColor='"+c+"');\">Font<\/a>";}})();

背景色と文字の色の変更はおまけという感じです。いろいろ変更していると今どの色なのかわからなくなってしまいます。気が向いたら改良するかも知れないです。

日本の伝統色―その色名と色調
長崎 盛輝
青幻舎
売り上げランキング: 121386
日本色名大鑑 (1950年)
日本色名大鑑 (1950年)
posted with amazlet on 06.11.14
上村 六郎 山崎 勝弘
甲文社
posted by knit at 22:01 | Comment(0) | TrackBack(0) | JavaScript
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバック