はじめに
有名どころのブランドカラー一覧です。
まとめられているサイトはいくつかありますが、更新されていないものが多かったため自分のためにまとめます。
CSSにコピペする用にコードブロックでのせていますので、コードブロックにマウスをホバーすると出るコピーアイコンでコピーして使ってください。
ブランドロゴのガイドラインに記載がない場合は、実際にサイトに行って開発者ツールで直接スタイルを確認してカラーコードを抽出しました。
随時更新予定です。
ブランドカラー一覧（アルファベット順）
Amazon
ベース
矢印
HEX: #ff9900
RGB: rgb(255, 153, 0)
#ff9900
rgb(255, 153, 0)
文字
HEX: #232f3e
RGB: rgb(35, 47, 62)
#232f3e
rgb(35, 47, 62)
Amazon Prime Video
HEX: #00a8e1
RGB: rgb(0, 168, 225)
#00a8e1
rgb(0, 168, 225)
Amazon Kindle
HEX: #fdaf17
RGB: rgb(253, 175, 23)
#fdaf17
rgb(253, 175, 23)
Dropbox
アプリ向けアイコンは異なるようなので注意
HEX: #0061fe
RGB: rgb(0, 97, 254)
#0061ff
rgb(0, 98, 255)
Evernote
HEX: #00a82d
RGB: rgb(0, 168, 45)
#00a82d
rgb(0, 168, 45)
HEX: #1877f2
RGB: rgb(24, 119, 242)
#1877f2
rgb(24, 119, 242)
Flickr
HEX: #0063dc #ff0084
RGB: rgb(0, 99, 219) rgb(255, 0, 132)
#0063dc
#ff0084
rgb(0, 99, 220)
rgb(255, 0, 132)
GitHub
HEX: #0e0c0d
RGB: rgb(14, 12, 13)
#0e0c0d
gb(14, 12, 13)
ボタンやリンク等
HEX: #0095F6
RGB: rgb(0, 149, 246)
#0095F6
rgb(0, 149, 246)
LINE
HEX: #06c755
RGB: rgb(6, 199, 85)
#06c755
rgb(6, 199, 85)
HEX: #2867b2
RGB: rgb(40, 103, 178)
#2867b2
rgb(40, 103, 178)
mixi
ロゴのSVGから抽出
HEX: #e0c074
RGB: rgb(224, 192, 116)
#e0c074
rgb(224, 192, 116)
note
HEX: #000000
RGB: rgb(0, 0, 0)
#000000
rgb(0, 0, 0)
Notion
HEX: #000000
RGB: rgb(0, 0, 0)
#000000
rgb(0, 0, 0)
HEX: #e60023
RGB: rgb(230, 0, 35)
#e60023
rgb(230, 0, 35)
Qiita
HEX: #55c500
RGB: rgb(85, 197, 0)
#55c500
rgb(85, 197, 0)
Skype
HEX: #0078d7
RGB: rgb(0, 120, 215)
#0078d7
rgb(0, 120, 215)
Tumblr
HEX: #001935
RGB: rgb(0, 25, 53)
#001935
rgb(0, 25, 53)
About Twitter | Our logo, brand guidelines, and Tweet tools
HEX: #1d9bf0
RGB: rgb(29, 155, 240)
#1d9bf0
rgb(29, 155, 240)
YouTube
HEX: #FF0000
RGB: rgb(255, 0, 0)
#FF0000
rgb(255, 0, 0)
Zoom
HEX: #2d8cff
RGB: rgb(45, 140, 255)
#2d8cff
rgb(45, 140, 255)