制作において各SNSへのリンクを設置する場面は多々ありますが、その都度各々のSNSのカラーを調べるのも時間の無駄ですよね。
そこで、現在の日本の主要なSNSのカラーについて調べてみました。
今回カラーを調べる際にはGoogleChromeのアドオン「ColorZilla」を使用しました。
各カラーについてはアプリのアイコンに使用されている背景色を抽出しています。
目次
- 1.Facebook
- 2.Twitter
- 3.Line
- 4.Instagram
- 5.pocket
- 6.Pinterest
- 7.LinkedIn
- 8.feedly
- 9.Hatena
1.Facebook
| 16進数 | #4167b1 |
|---|---|
| RGB | R:65 G:103 B:177 css表記：rgba(65, 103, 177, 1); |
2.Twitter
| 16進数 | #1ca1f2 |
|---|---|
| RGB | R:28 G:161 B:242 css表記：rgba(28, 161, 242, 1); |
3.LINE
| 16進数 | #00b600 |
|---|---|
| RGB | R:0 G:182 B:0 css表記：rgba(0, 182, 0, 1); |
4.Instagram
| 16進数 | #d93078 |
|---|---|
| RGB | R:217 G:48 B:120 css表記：rgba(217, 46, 120, 1); |
5.pocket
| 16進数 | #ee3e56 |
|---|---|
| RGB | R:238 G:62 B:86 css表記：rgba(238, 62, 86, 1); |
6.Pinterest
| 16進数 | #b21c23 |
|---|---|
| RGB | R:178 G:28 B:35 css表記：rgba(178, 28, 35, 1); |
7.LinkedIn
| 16進数 | #0077b4 |
|---|---|
| RGB | R:0 G:119 B:180 css表記：rgba(0, 119, 180, 1); |
8.feedly
| 16進数 | #71c45b |
|---|---|
| RGB | R:113 G:196 B:91 css表記：rgba(113, 196, 91, 1); |
9.Hatena
| 16進数 | #1f89ca |
|---|---|
| RGB | R:31 G:137 B:202 css表記：rgba(31, 137, 202, 1); |
まとめてみて
私的に思う主要なSNSをまとめてみました。Google+は一般ユーザー向けの提供を閉鎖する（2019年8月末の予定）ので除外しました。見てくれた方にとって有益な情報になれば幸いです。