ci / vi web

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

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


facebook


https://www.facebookbrand.com


Twitter


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


Google+


https://developers.google.com/+/branding-guidelines


Instagram


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


※文字色:CSS参照


※旧カラー


tumblr


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


Flickr



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


Hatena


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


LINE@


https://at.line.me/jp/logo
※AIデータより


LINE


https://line.me/ja/logo
※AIデータより


Youtube



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


Vimeo


https://vimeo.com/about/brand_guidelines


Dropbox


https://www.dropbox.com/branding


Snapchat


https://www.snapchat.com/brand-guidelines


Pinterest


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


note


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


WordPress


https://wordpress.org/about/logos/


mixi


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


Evernote


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


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

Author Info

Designer / Illustrator サイト上に無い作品が多数掲載されたポートフォリオPDFもご用意しています。コンタクトフォームよりお気軽にご相談ください。