Webサイトなど配色を作成するAdobeのツール (kuler)
2007年3月15日(木) 10:15
Webサイトなどデザインを作成する上で、重要な要素と言えば配色。色彩に関する基本的な知識を身につけていれば良いが、そうでない場合に便利なのがAdobeのツール kuler。配色を作成するには”Create”からツールを呼び出す。
基本となる色を決定する事からはじめてみる。”Base Color”を円形のツールより選択する。明度(Brightness)を変更するには、下のスライダーを移動する事で可能になっている。”Form a Rule”で好きな配色を選択すれば良い。
Base Colorの変更

カラーに関する情報

HSV、RGB、CMYK、LAB、HEXを確認できます。HEXはWebタグに利用できます。
Form a Rule 項目の和訳
- Analogous - 類似色
- Monochromatic - モノクロ・単色
- Triad - 三分割
- Complementary - 補色・余色
- Compound - 間色
- Shades - 階調
kulerを利用して作成した配色を保存する事も出来ますが、会員登録をする必要があります。Webに利用する場合、セーフカラーではない場合環境によっては再現されない色もありますので、注意して利用する必要があります。
関連する記事
- マウス操作で写真にズームするギャラリーswf(PostcardViewer)
- CSSとCanvasで描写するWeb用のUIフレームワーク(Mocha UI)
- 透明感のあるデザインをJavaScriptで実装する(glassbox.js)
- MP4、FLVなど再生するFlashプレーヤーswf (JW FLV MEDIA PLAYER)
- FlashやFLV、MediaPlayerに対応したスライドショーJavaScript(shadowbox)
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript (JSValidate)
- CSSデザインレイアウトをオンラインで簡単に作成する (YAML)
- ユーザーが再配置可能なWedgetを実装するJavaScript (Prototype Portal Class)
- フォームボタンCSSデザインするテクニック (Rediscovering Button Element)
- 半透明の角まるツールチップを表示するJavaScript (CoolTips)
- JavaScriptでプログレスバーを簡単に実装する (jsProgressBarHandler)
- JavaScriptコード圧縮して盗用から守る (packer)
- iTuneのようにカバーアートを表示するFlash (iTunes Coverflow)
- 画像をサムネイルのサイズで表示するJavaScript (jQuery Thumbs)
- Ajaxでサクサク動くWebファイルマネージャ (Relay)
- アンカータグを利用してスムーススクロールを実装する (df Smooth Scroll)
- MacでもFlashでホイール操作が出来るようにする (SWFMacMouseWheel)
- HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
- 使いやすいYUIライブラリのWYSIWYGエディタ (Rich Text Editor)

