color
ci / vi web

主要SNS・WEBサービスのブランドカラーコードまとめ(2017.3更新)

WEBデザインをしていると、SNS・WEBサービスのブランドカラーコードを調べる機会があります。
google検索するといろいろなコードが出てきて混乱するので、主要SNS・WEBサービスの公式サイトで調べたブランドカラーコードをまとめました(2016.7)。
画像検索→スポイト抽出だと微妙に違う色になることもあるので、できるだけ公式でHEXカラーコードが明記されているものを探しました。


facebook


www.facebookbrand.com


Twitter


about.twitter.com/ja/company/brand-assets


Google+


developers.google.com/+/branding-guidelines


Instagram


www.instagram-brand.com
※背景グラデーション:CSS参照


※文字色:CSS参照


※旧カラー


tumblr


www.tumblr.com/logo
※ゴ画像からスポイト抽出/サイトの背景色コード


Flickr



www.flickr.com/about/goodies
※ロゴ画像からスポイト抽出


Hatena


hatenacorp.jp/press/resource
※SVGロゴデータから抽出


LINE


at.line.me/jp/logo
※AIデータに記載あり


Youtube



www.youtube.com/yt/brand/ja/color.html


Vimeo


vimeo.com/about/brand_guidelines


Dropbox


www.dropbox.com/branding


Snapchat


www.snapchat.com/brand-guidelines


Pinterest


business.pinterest.com/ja/brand-guidelines-0


note


note.mu/faq
※ロゴ画像からスポイト抽出・サイトの文字やボタン色は#41c9b4


WordPress


wordpress.org/about/logos/


mixi


developer.mixi.co.jp/about-platform/policies/image_guidelines
※ロゴ画像からスポイト抽出


Evernote


evernote.com/trademark
※ガイドラインPDF記載のRGB数値から変換


各サービスのブランドカラーは、内容が更新されているかもしれませんので、必ず各サイトで最新情報をご自身でチェックしてください。

Author Info

Designer / Illustrator YUKARI UEDA WEB・アプリ・印刷物…デザイン・イラストともに幅広い媒体・テイスト・業種に対応可能です。 ポートフォリオPDFをお送りします。お気軽にご相談ください。

http://www.ukar.jp