開発ブログ

WWWクリエイターズが送る、Git、CSS、HTML、コマンドライン、Macの便利機能など、開発に関する役立ち情報発信します。気まぐれに更新。

主要SNS・Webサービスのブランドカラー(RGB値)のまとめ

最終更新:2017-04-29 by Joe

CSS(スタイルシート)の実装中によくあるのは、主要なSNSやWEBサービスの、ロゴの色(RGB)が知りたい、という時。

ブランドアセット、ブランドカラー、RGBなどと、何度もぐぐっては、忘れた頃にまたぐぐって・・、Facebook、Twitter、Youtube、Line・・・と、種類が増えてくると、毎回効率が悪いです。

そんな自分とはもうさよならしたいので、最強のまとめを作りました。Webエンジニアの方もすぐに使えるようにしましたよ!(これポイントです)

これで、どこよりも、使いやすいはず(?)

Facebook(フェイスグック)

HEX :#3B5998
RGB :rgb(59, 89, 152)
RGBA :rgba(59, 89, 152, 1)

Twitter(ツイッター)

HEX :#55acee
RGB :rgb(85, 172, 238)
RGBA :rgba(85, 172, 238, 1)

LINE(ライン)

HEX :#1dcd00
RGB :rgb(29, 205, 0)
RGBA :rgba(29, 205, 0, 1)

Instagram(インスタグラム)

HEX :#3f729b
RGB :rgb(63, 114, 155)
RGBA :rgba(63, 114, 155, 1)

Youtube(ユーチューブ)

HEX :#cd201f
RGB :rgb(205, 32, 31)
RGBA :rgba(205, 32, 31, 1)

Pinterest(ピンタレスト)

HEX :#cb2027
RGB :rgb(203, 32, 39)
RGBA :rgba(203, 32, 39, 1)

Google+(グーグルプラス)

HEX :#d34836
RGB :rgb(221, 72, 54)
RGBA :rgba(221, 72, 54, 1)

全部まとめたCSS