主要なブランドカラーの一覧を表示&カラーコードを各形式でダウンロードできるサイト「BrandColors」

ごぶさたしてます、べいんと@beeeeintoです。

今回はSNSや各ブランドのカラーパレットについて簡単に知ることができるサイト「BrandColors」を紹介します。

BrandColorsの使い方

リンクは以下になります。

BrandColors
brandcolors

各ブランドの項目をクリックで選んで、

brandcolors

上部バーにある「Collection」から希望のフォーマットを選択。

brandcolors

おわり。

簡単…
説明することがほとんどない…。

面倒だという人は画面右上の「All」から一気にダウンロードしましょう。

また、上部にある検索バーで検索も可能です。いたせりつくせりですね。

brandcolors

ちなみに、Sassで出力した場合はこんな感じになります。

$bc-about-me: #00405d;
$bc-about-me-2: #062f3c;
$bc-about-me-3: #2b82ad;
$bc-about-me-4: #cc7a00;
$bc-about-me-5: #ffcc33;

$bc-addvocate: #ff3322;

$bc-adobe: #ff0000;
$bc-adobe-2: #fbb034;
$bc-adobe-3: #ffdd00;
$bc-adobe-4: #c1d82f;
$bc-adobe-5: #00a4e4;
$bc-adobe-6: #8a7967;
$bc-adobe-7: #6a737b;

さいごに

はてブなどがないので、ソーシャルボタンを作るときより、SNSのカラーパレットを参考にしたい時などに便利かもしれないですね。

  • BLOG
  • >
  • web
  • >
  • 主要なブランドカラーの一覧を表示&カラーコードを各形式でダウンロードできるサイト「BrandColors」