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

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

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

まとめ

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

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

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

スポンサーリンク

シェアする