DraftPadで色見本を確認するアシスト ColorPicker

HTMLタグの色を調べるのに、初めはアプリを使ってました。

カラーガイド for iPad 2.0
対象デバイス: iPad23G, iPad2Wifi, iPad3G, iPadWifi
カテゴリ: 辞書／辞典／その他   価格: ￥0
販売業者: DICGraphics Corporation

日本やフランスの伝統色や、ニュアンスによる検索ができる色辞典アプリ。写真から色を吸い出し検索できる。HTMLでの16進数も示してくれて、いろいろ楽しいです。
http://www.dic-graphics.co.jp/products/dcguide/ipad.html

「青竹色」とか、名前を知ってるだけでオシャレな気分になれます。

DraftPad 1.5.6
対象デバイス: all
カテゴリ: 仕事効率化   価格: ￥0
販売業者: Manabu Ueno

でもまあ、ちょっとした確認に色辞典は大層。細かなニュアンスが分かるほどの感性はないし。それでDraftPadで確認できるアシストを書いてみました。

Title: ColorPicker
URL: draftpad://self/web?source=<title>Color Picker</title><script>h%3D%220123456789ABCDEF%22%3B%0Adocument.write%28%22%3Ctable%3E%22%29%3B%0Afor%28i%3D0%3Bi%3C256%3Bi%2B%3D51%29%7B%0A%20%20for%28j%3D0%3Bj%3C256%3Bj%2B%3D51%29%7B%0A%20%20%20%20if%28j%252%3D%3D0%29%20document.write%28%22%3Ctr%20align%3Dcenter%3E%22%29%3B%0A%20%20%20%20for%28k%3D0%3Bk%3C256%3Bk%2B%3D51%29%7B%0A%20%20%20%20%20%20c%3Dh.charAt%28i%2F16%29%2Bh.charAt%28i%2516%29%2Bh.charAt%28j%2F16%29%2Bh.charAt%28j%2516%29%2Bh.charAt%28k%2F16%29%2Bh.charAt%28k%2516%29%3B%0A%20%20%20%20%20%20document.write%28%22%3Ctd%20style%3Dpadding%3A9px%3Bbackground-color%3A%22%2Bc%2B%22%3B%3E%22%2Bc%2B%22%3C%2Ftd%3E%20%22%29%3B%0A%20%20%20%20%7D%0A%20%20%20%20if%28j%252%3E0%29%20document.write%28%22%3C%2Ftr%3E%22%29%3B%0A%20%20%7D%0A%7D%0Adocument.write%28%22%3C%2Ftable%3E%22%29%3B</script>

大雑把にtableで並べただけ。カラー・コードもコピーできるけど、見て手書きするのでも良いくらい。iPhoneでは字が小さいと思うので、ピンチインで拡大してご確認ください。

完全に小ネタで、ニーズもなさそうですけど、自分への覚書として残しておきます。

（追記）iPhoneにはこちらが良いかも。

Title: ColorPicker(Large)
URL: draftpad://self/web?source=<title>Color Picker</title><script>h%3D%220123456789ABCDEF%22%3B%0Adocument.write%28%22%3Ctable%3E%22%29%3Bfor%28i%3D0%3Bi%3C256%3Bi%2B%3D51%29%7Bfor%28j%3D0%3Bj%3C256%3Bj%2B%3D51%29%7Bdocument.write%28%22%3Ctr%20align%3Dcenter%3E%22%29%3Bfor%28k%3D0%3Bk%3C256%3Bk%2B%3D51%29%7Bc%3Dh.charAt%28i%2F16%29%2Bh.charAt%28i%2516%29%2Bh.charAt%28j%2F16%29%2Bh.charAt%28j%2516%29%2Bh.charAt%28k%2F16%29%2Bh.charAt%28k%2516%29%3Bdocument.write%28%22%3Ctd%20style%3Dpadding%3A50px%3Bbackground-color%3A%22%2Bc%2B%22%3B%3E%22%2Bc%2B%22%3C%2Ftd%3E%20%22%29%3B%7Ddocument.write%28%22%3C%2Ftr%3E%22%29%3B%7D%7Ddocument.write%28%22%3C%2Ftable%3E%22%29;</script>