コーポレートカラーのカラーコードをまとめたサイト「GUIDELINE COLOUR」

ウェブサイトでは色を表す「カラーコード」を指定して色を表示させています。

ブログやウェブサイトを運営したりカスタマイズに熱が出てくると、Facebookや米アップルなど企業やウェブサービスで使われている「企業のカラーコード」を調べたりする機会ないですか?

スポンサードリンク


例えばオリジナルのシェアボタンを作るときに、FacebookやTwitter、feedly、はてブのカラーコードなどがすぐに調べられればとても便利だと思います。

僕自身もその度にググってひとつひとつ調べるんですが、今回ご紹介するサイト「GUIDELINE COLOUR」ではそれら企業で使われているカラーコードがまとめられていてとってもありがたいです。

GUIDELINE COLOUR▷http://guidelinecolour.com

GUIDELINE COLOUR

コーポレートカラーのカラーコードをまとめたサイト「GUIDELINE COLOUR」

例えばFacebookのカラーコードは「3B5998」、Twitterのカラーコードなら「55ACEE」など、とてもシンプルにまとめられています。
コーポレートカラーのカラーコードをまとめたサイト「GUIDELINE COLOUR」

ポインタを任意のカラーアイコンに置くと「open guide」が表示され、企業のガイドラインのページにつながります。
コーポレートカラーのカラーコードをまとめたサイト「GUIDELINE COLOUR」

右の画面はBrand Guidelinesとなっており、スクロールすることでガイドラインを確認することができます。
コーポレートカラーのカラーコードをまとめたサイト「GUIDELINE COLOUR」

気になるブランドのカラーコード

僕がよく使うものや気になるカラーコードを何個かピックアップします。

  • Facebook 3B5998
  • Twitter 55ACEE
  • Google+ DD4B39
  • youtube FF3333
  • tumblr 2C4762
  • vimeo 1AB7EA
  • pinterest CB2027
  • vine 00AA7F
  • evernote 6FB536
  • amazon FF9900
  • wordpress 21759B
  • apple(※) FFFFFF

appleのカラーコードはホワイト(FFFFFF)なので、背景が白だと見えないですね(笑)

さいごに

ロゴや企業カラーを担当する方たちもいろいろ気をつけて決めているんでしょうが、こうしてみると企業のコーポレートカラーってかぶってないんですよね。

微妙な色加減でここまでブランド色が出せるのはデザイナーさんの腕の見せ所です。

参考▷Apple・Google+・WordPressなど各社のブランドのカラーをまとめた「Guideline Colour」 – GIGAZINE

関連サイト▷カラーコード表

記事が参考になったりおもしろかったら
いいね!してね( ´ ▽ ` )ノ

Twitterでマツオユキを

関連記事

  1. Facebookでブログのアイキャッチ画像がうまく表示されない時のちょ…

  2. 【Add Share Button】3種類の「追従型ソーシャルシェアボ…

  3. iPhoneで Twitter・Facebook・Google+・no…

  4. 【無料】画像の枠に「影」が付けられるMacアプリ「DropShadow…

  5. 【コピペでOK】Facebookシェアボタン(画像付き)を超簡単にブロ…

  6. Instagramの公式バナー(プロフィールリンク)ボタンを iPho…

FBページ