インスピレーション系カラーツールまとめ

pc-color-tool

こんにちは、デザイナー・ブロガーの
ゆっきー(@elcielo_design)です。

この記事では、インスピレーション系
無料カラーツールをまとめています。

スポンサーリンク

インスピレーション系
カラーツール

「インスピレーション系カラーツール」

 ジャンル  カラーツール名
 インスピレーション系
 ① 〜 ⑩
 Color Lisa
 BrandColors
 Color Leap
 Hues
 COLORWISE
 COOL COLORS
 BADA55
 Color of Book
 Ear Palettes
 Found color

サイトのページを見ているだけでも、
デザインの配色アイデアが出てきそうな
インスピレーション系のカラーツール。

世界の偉大な画家が作品に用いた配色、
海外で有名な企業のブランドのカラー、
NBA・MLBのスポーツチームのカラー等の
様々なユニークな面白いものを紹介します。

スポンサーリンク

① Color Lisa

color-lisa

Color Lisaは、
世界の有名画家・アーティストの作品を基に
配色パレットがまとめられた珍しいサイト。

 特徴 ・世界の偉大なアーティストの作品を
 モチーフにした配色見本サイト。
・ピカソ、ダリ、ダビンチ、モネなど
 日本で認知されるアーティスト作品も多数。
 その他  

Color Lisa

Color Lisa is a curated list of color palettes based on masterpieces of the worlds greatest artists. Each palette was painstakingly created by color obsessed de

② BrandColors

brandcolors

BrandColorsは、
海外の有名な企業やスタートアップで、
使われているブランデイングカラーを
アルファベット順に並べたサイトです。

 特徴 ・ブランデイングカラーの参考になるサイト
・カラーをコピーやダウンロードも可能。
・ダウンロードはCSS、SCSS、ASE、LESS
 スタイルでできる。
 その他  

BrandColors

③ Color Leap

color-leap

Color Leapは、歴史的な有名絵画や
ポスター、美術品等で用いられた配色を
時代ごとにタイムラインで見れるサイト。

 特徴 ・歴史的なもので使われた色を
 閲覧できるプロジェクト。
・ストックされるカラー数はそこまでないが
 ロマンチックな雰囲気のあるサイト。
 その他  

Color Leap

Search through 180 Color Palettes used throughout the last 4000 years.

④ Hues

hues

Huesは、世界的プロスポーツチームの
ロゴカラーをまとめた配色のサイト。

 特徴 ・スポーツロゴの配色見本サイト
・シンプルで分かりやすい。
・NFL、NBA、MLB、EPLに所属する
 各チームごとのブランドカラーを閲覧可能
 その他  

Hues

⑤ COLORWISE

colorwis

COLORWISEは、Product Hunt
登場したアイテムの配色をまとめた
カラーストックサイトになります。

 特徴 ・Webツールやモバイルアプリ等の
 最新テクノロジー関連のプロダクトで
 扱われたアイテムの配色を確認できる。
 その他  

COLORWISE

Search through the most voted products on Product Hunt.

⑥ COOL COLORS
配色パターン見本40選

saruwaka-cool-colors

COOL COLORSは、サルワカ提供の
配色の見本が40選見れるツール。

 特徴 ・サルワカによる配色パターン見本ツール
 (ベストな色の組み合わせを探せるツール)
・カテゴリー別に、アプリデザイン作りに
 役に立つ配色パレットが見れる。
・6つのカテゴリー分けによって、
 実際に使用した時のイメージが湧きやすい。
・日本語サービスなので使い勝手も良い。
 その他 ・6つのカテゴリー
 「万人受けする配色」
「親近感を感じさせる配色」
「個性的な配色」
「クール系の配色パターン」
「元気・アクティブ系の配色パターン」
「かわいい系の配色パターン」

COOL COLORS 配色パターン見本40選

コピペで使えるオシャレな色の組み合わせを紹介します。それぞれの配色の実際の使用例まで用意しました。

⑦ BADA55

bada55-io

BADA55は、
数字とアルファベットで表せる
英単語カラーをまとめたサイト。

 特徴 ・ユニークな配色サイト
・変わった配色にしたいならおすすめ
 その他 ・サイト名「Bada55」はBadassを表す。
 (Badassは英語のスラングで、
 クールやカッコいいという意味で用いる)
・アルファベットと数字を使って表せる
 英単語は英語で「leet」(リート) と言う。

BADA55

Looking for a BADA55 hex color word for your css code? Come here now! Yeah!

⑧ Color of Book

color-of-book

Color of Bookは、
本や雑誌 (日本発売) の表紙で使用される
配色パターンを表示してくれるサービス。

 特徴 ・ファッション誌とスポーツ誌の
 表紙から主に配色を調べれる。
・ブックデザインでの配色の参考になる。
 その他  

Color of Book

⑨ Ear Palettes

ear-palettes

Ear Palettesは、音楽のCDアルバムや
ジャケットの配色をまとめたサイト。

 特徴 ・音楽系配色見本サイト
・200種類ほどの音楽ジャケットなどの
 配色がストックされている。
 その他  

Ear Palettes

⑩ Found color

found-color

Found colorは、
お洒落な写真だけから抽出した3色の
配色カラーパレットのサイトになります。

 特徴 ・3色の配色パターン見本サイト
・お洒落でスタイリッシュな配色が揃う。
 その他  

Found color

Color schemes for web, UI and app sourced from minimal photography of everyday objects and encounters.

まとめ

以上が、インスピレーション系
カラーツール10選まとめでした。

なお、その他の無料カラーツールは
下の記事に一通りまとめています。

また、配色に関わる書籍・本は 
次の記事を参考にしてみてください。

スポンサーリンク

シェアする