最強モニターアーム「エルゴトロン LX」レビュー

「BrandColors」あの企業のコーポレートカラー何色だっけ?が一発で解決するサイト

企業やSNS ブランドの配色一覧 BrandColors

デザイナーのみなさん、こんにちは。NORI(@norilog4)です。

今回はSNSや企業などのブランドカラーが一覧でまとめられて確認できるサイト「BrandColors」の紹介です。

アイコンを作ったり、CSSでアイコン実装するときにコーポレートカラーの色がわからない場合に、その悩みを一発で解決してくれるサイトです。

ブックマークしておくと便利なサイトのひとつだよ!

NORI

企業やSNS等、ブランドの配色一覧 BrandColors

どの大手企業がどの色を使っているのか一発で判る上に、様々な形式で色をダウンロードして使えるので、「あの企業のコーポレートカラー何色だったっけ?」と悩むデザイナー(WEB/グラフィック)にとっては非常に便利です。

企業やSNS等、ブランドの配色一覧 BrandColors

関連リンク
http://brandcolors.net/

白をベースとしたサイト構成で、非常にシンプルで使いやすいです。

BrandColors の使い方

全ての企業のカラーを落としたい場合

使い方は簡単で、画面右上にある、「 All」をクリックするだけ。

企業やSNS等、ブランドの配色一覧 BrandColors

お好きなフォーマットでダウンロードが可能となっています。

ダウンロード可能なファイル

このサイトから以下のファイルをダウンロードすることもできます。

利用可能なファイル

  • Adobe Swatch Exchange(.ase)
  • Cascading Style Sheets(.css)
  • Syntactically Awesome Stylesheets(.sass)
  • LESS
  • Stylus(.styl)

このBrandColorsのすごいところは、スウォッチ(Adobe Swatch Exchange(.ase)だけではなく、CSSや、Sass、LESS、CSSメタ言語のStylusの5種類のファイルを選んでダウンロードができるところ!

グラフィックデザイナーだけではなく、WEBデザイナー、コーダー向けにも非常にありがたいまとめサイトになっております。

企業を選んでダウンロードしたい場合

All」の横にある検索ボックスにダウンロードしたい企業名を入れるとフィルタがかかって抽出されます。今回はLINEを選んでみました。

また、検索した企業の色にマウスオーバーさせるとHTMLのカラーコードを見ることができます。

企業やSNS等、ブランドの配色一覧 BrandColors

企業名の文字をマウスでクリックするとその左側に青く丸がつきます。これでダウンロードしたい企業カラーを選択できます。

もちろん同時に複数の選択してダウンロードも可能です。上に「○(選択した数) brand in collection」と表示されているのでいくつ選択したかわかると思います。

BrandColors

あとは先ほどと同じように、「 Collection」をクリックすると、好きな形でカラーファイルをダウンロードすることができます。

企業やSNS等、ブランドの配色一覧 BrandColors

まとめ

もともとこういったサイトは他にも様々あったのですが、5つの種類(Adobe Swatch Exchange/CSS/Sass/LESS/Stylus)でダウンロードできるといった点では群を抜いて使いやすいまとめサイトになっています。

私が知ってる限りブランドカラーを集めたサイトの中では最強だと思います。

NORI

もしもこれ以上のサイトを知ってる方がいればコメント欄などで教えてください!デザイナー(WEB/DTP等)のみなさん是非ブックマークして使ってみてください。

以上、大手企業のブランドカラーを集めたサイト「BrandColors」でした!

関連リンク
http://brandcolors.net/
0 0 評価
記事の評価
guest
0 件のコメント
Inline Feedbacks
全てのコメントを見る