[test] ColorUtils.jsで作ったカラーサンプルとジェネレータ




彩度をおさえた渋めの色50とカラーサンプルジェネレータもどき

色表現用にColorUtils.js(ちょっと古い)、データ処理用にjQueryを使用したジェネレータもどきです。ジェネレータ以外に適切な言葉が見つからなかったので。

私自身の作業で、次のような使い方をする目的で作成しました。
[イラストをPhotoshopやIllustratorなどを使って作成する際の色見本として、ブラウザでカラーサンプルのページを表示しておいて、必要に応じてスポイトツールで色を抽出するためのカラーテーブルとして使用] 
PhotoshopやIllustratorなどで、デスクトップ上から、すばやく色を抽出する方法はこちら

ここで表示する色はすべて16進数表記です。
ジェネレータはいずれも[作成]ボタンをクリックすると、結果のみを表示します。元のページ表示に戻る場合はリロード(ページ再表示)してください。なお、画像保存機能はありません。結果を保存する場合は、スクリーンショット(画面キャプチャー)を使ってください。
サンプル・彩度をおさえた渋めの色50
カラーサンプルジェネレータもどき(1)
2色間を10段階表示(入力は開始する色とラストの色・#無しの16進数)
color01: color02: 
(例)ff88cc と 55bbff
カラーサンプルジェネレータもどき(2)
下のサンプル同様の色相10段階表示(入力は開始色1色・#無しの16進数)
開始色: 
(例)cc99ff
ColorUtils.js:http://dean.edwards.name/weblog/2006/03/base/
jQuery: http://jquery.com/

inserted by FC2 system