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

※ アフィリエイト広告を利用しています。
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

The biggest collection of official brand color codes around. Includes hex colors codes for 500+ brands including Facebook, Twitter, Instagram, and many more.

③ 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

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

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

新機能:ジャックポット(jackpot)が追加されました。取引約定後に最大100,000円のキャッシュバックが当たるチャンスが巡ってきます。また、ステータスに応じて当選確率・金額が上昇します。

⑨ Ear Palettes

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

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

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

Ear Palettes

Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends. And it is served in the form of eggs. ✓ With hex

⑩ Found color

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

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

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

Found color

まとめ

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

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

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

スポンサーリンク

シェアする