最高の配色を引き出す！海外のカラーチャート・ツールまとめ２２

• 作成：2012/11/29
• 更新：2013/02/21
• Tool > Webデザイン

会社にEC-CUBEやXOOPS/WPのデザインなど、CMSなら何でもカスタマイズするデザイナーさんがいるんですけど、とにかく仕事が早い。ランチャーやブックマークに配色ツールを登録してサクサク使いこなしてるんですね。

どんなツールを使っているのか教えてもらいました。で僕も一部使ってみたんですけど確かに使いやすいのでご紹介。定番の物からニッチなものまで便利そうなのもいろいろ追加。

とりあえずざっくりとまとめていますので、使いたいものを吟味して試しながら使ってみてください。使いやすいツールが必ず見つかると思います。

エンジニア速報は Twitter の@commteで配信しています。

１．Color Explorer

• Color Explorer • Free tools for working with digital colors
• 色のことで困ったら、Color Explorerが助けてくれるかも知れない - かちびと.net

２．Color Wizard

• Color Wizard - Color Scheme Generator - Colors on the Web

指定した色から配色を生成するジェネレーター。

３．Cubecolors

• Cubecolors colorscheme generator

４．Contrast-A

• Contrast-A: Find Accessible Color Combinations
• 配色のアクセシビリティチェックを手軽に行えるシンプルなカラーツール・Contrast-A - かちびと.net

５．ColoRotate

• ColoRotate: Colors come to life in 3D.
• 3Dモデルを使って色の配色や組み合わせを作れるサイト「ColoRotate」*二十歳街道まっしぐら（FC2ブログ時代）

６．Sphere

• Sphere: Color Theory Visualizer
• trunk/UI: 色を共有できる、ソーシャルなカラーチャート

７．ColorMunki

• ColorMunki - ColorMunki Design

８．Color Hunter

• Color Hunter
• color hunter - ジェネレーターブックマーク ～Generator Bookmark～

９．kuler

• kuler
• ASCII.jp：もう配色には困らない！「Adobe Kuler」

１０．Colllor

• Colllor - Color Palette Generator
• 指定した色に関連するカラー情報を教えてくれるサービス「Colllor」*二十歳街道まっしぐら

１１．COPASO

• COPASO | Pro Color Palette Software from COLOURlovers :: COLOURlovers

１２．ColourGrab

• ColourGrab.com - Colouring The World.

画像のURLを入力するとウェブサイトや画像の色を抽出し、ファイルをダウンロードできる。

１３．Pictaculous

• Pictaculous - A Color Palette Generator (courtesy of MailChimp)

写真や画像からカラーパレットを生成するウェブサービス。

１４．Check My Colours

• Check My Colours - Analyse the color contrast of your web pages

サイトのカラーコントラストのチェック。サイト内で使われている色情報を抽出してくれる。

１５．Create Color

• Create Color Schemes, Test Color Combinations - Colorspire

１６．Color Combinations

• Color Combinations Tester - Combo Tester - ColorCombos.com

１７．GenoPal

• GenoPal - Harmonious Color Schemes

カラーパレットを作成するジェネレーター。

１８．ColorMatch Remix

• ColorMatch Remix - Color Mixer, Colour Mixers - Free Color Matching Tool

１９．Discover Palettes

• Discover Palettes — Art & Design Inspiration at ColRD.com

２０．Color Combinations

• Color Combinations | Color Schemes | Color Palettes

画像のURLを入力するとウェブサイトや画像の色を抽出してくれる。

２１．Color Scheme Designer 3

• Color Scheme Designer 3
• 色相環からカラースキームを決めるwebサービス Color Scheme Designer 3 - YATのBlog

２２．slayeroffice

• slayeroffice | tools | color palette creator v1.6.1

参考になるギャラリー

• CSS & Design Gallery | Design Shack
• CSSRemix

＋１．デザイナーさん愛用のものさし

ものさしpix

これはフリーソフトになりますが、どうしても紹介したかったので。ディスプレイ上の縦・横方向を同時にはかれるものさし。マウスカーソルの位置をピクセル単位で計測。

以上、年賀状に猫のイラストを入れてくれる猫好きなデザイナーさんに教えて頂いたものや海外で有名なものをご紹介させていただきました。