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

企業、SNSなどのブランドカラーリスト BrandColors
出典:https://brandcolors.net/

BrandColors は、企業やWebサービスなどのブランドカラーをまとめたサイトです。

500ブランド以上、約1400色を掲載。

各ブランドカラーの16進数カラーコードを簡単にコピーできるだけでなく、選択したまたは全てのブランドのカラーコードを ASE、CSS、SCSS、LESS、Stylus 形式のファイルとしてダウンロードすることができます。

スポンサーリンク

ブランドの配色を見る

BrandColorsにアクセスすると以下のような画面となります。

BrandColors

表示されているブランドのうち、気になるものをクリックしてみてください。画面上部の「Search Brands」欄に文字列を入力しブランドを検索することもできます。

例えば Instagram をクリックすると、以下のように Instagrag のエリアが拡大され、ブランド名左側にチェックマークが表示されます。

Instagram クリック

ブランド名右側の各「色」をクリックすると16進数カラーコードが表示されクリップボードにコピーされます。

各「色」の下には以下のようなリンクが表示されています。

Brand URL

該当ブランドのWebサイトが表示されます。

Source URL

配色の元となったページのURL(ロゴの使い方などのレギュレーションページ等)が表示されます。

Permalink

以下のような選択ブランドの色のみが表示されたページが表示されます。

パーマリンク

カラーコードのダウンロード

画面右上には以下のようなアイコンが並んでいます。

パーマリンク

左側の矢印アイコンをクリックすると現在選択しているブランド、右側の矢印アイコンをクリックすると全ブランドのカラーコードを以下のファイル形式のいずれかでダウンロードすることができます。

  • ASE(Adobe)
  • CSS
  • SCSS
  • LESS
  • Stylus

日本の企業やWebサービス等はほとんど掲載されていませんが、有名SNS等は揃っているのでシェアボタン作成時などは便利です。

ブランド一覧を眺めているだけでも配色のヒントになりますし、知らなかったブランドにも出会えるので楽しめるかと思います。

スポンサーリンク