コーポレートカラーのカラーコードをまとめたサイト「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

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




オーダー似顔絵受付中!

クールな「ポートレート調似顔絵プラン」とポップな「コミック調似顔絵プラン」をご用意しました。
また、2種類の似顔絵プランがセットになった「2パック似顔絵プラン」がお得です!

ポートレート調

似顔絵プラン

¥6,000

追加=¥4,000/人

表情に多少のアレンジを加えますが

基本的には素材そのままの似顔絵です

クールな印象

バストアップ

コミック調

似顔絵プラン

¥6,000

追加=¥4,000/人

全体的に大幅なアレンジを加え

二頭身のキャラクターにします

ポップな印象

全身

2パック

似顔絵プラン

¥10,800

追加=¥7,200/人

ポートレート調とコミック調の

2つのプランをパックにしたものです

単体で2種類オーダーするより10%お得


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

ABOUTこの記事をかいた人

家族とイラストとブログが大好きな東京在住3人子持ちガテン系のお父さん。
心から好きなことを楽しみながら生きていくことを決めた マツオユキの公式ブログです。
詳しいプロフィールはこちらからどうぞ!