BrandColors は、企業やWebサービスなどのブランドカラーをまとめたサイトです。
500ブランド以上、約1400色を掲載。
各ブランドカラーの16進数カラーコードを簡単にコピーできるだけでなく、選択したまたは全てのブランドのカラーコードを ASE、CSS、SCSS、LESS、Stylus 形式のファイルとしてダウンロードすることができます。
目次
ブランドの配色を見る
BrandColorsにアクセスすると以下のような画面となります。
表示されているブランドのうち、気になるものをクリックしてみてください。画面上部の「Search Brands」欄に文字列を入力しブランドを検索することもできます。
例えば Instagram をクリックすると、以下のように Instagrag のエリアが拡大され、ブランド名左側にチェックマークが表示されます。
ブランド名右側の各「色」をクリックすると16進数カラーコードが表示されクリップボードにコピーされます。
各「色」の下には以下のようなリンクが表示されています。
Brand URL
該当ブランドのWebサイトが表示されます。
Source URL
配色の元となったページのURL（ロゴの使い方などのレギュレーションページ等）が表示されます。
Permalink
以下のような選択ブランドの色のみが表示されたページが表示されます。
カラーコードのダウンロード
画面右上には以下のようなアイコンが並んでいます。
左側の矢印アイコンをクリックすると現在選択しているブランド、右側の矢印アイコンをクリックすると全ブランドのカラーコードを以下のファイル形式のいずれかでダウンロードすることができます。
- ASE（Adobe）
- CSS
- SCSS
- LESS
- Stylus
日本の企業やWebサービス等はほとんど掲載されていませんが、有名SNS等は揃っているのでシェアボタン作成時などは便利です。
ブランド一覧を眺めているだけでも配色のヒントになりますし、知らなかったブランドにも出会えるので楽しめるかと思います。
