主要Webサービスブランドカラーコード 2023

はじめに

有名どころのブランドカラー一覧です。
まとめられているサイトはいくつかありますが、更新されていないものが多かったため自分のためにまとめます。

CSSにコピペする用にコードブロックでのせていますので、コードブロックにマウスをホバーすると出るコピーアイコンでコピーして使ってください。

ブランドロゴのガイドラインに記載がない場合は、実際にサイトに行って開発者ツールで直接スタイルを確認してカラーコードを抽出しました。

随時更新予定です。

ブランドカラー一覧（アルファベット順）

Amazon

ベース

Logo Download

矢印

HEX: #ff9900
RGB: rgb(255, 153, 0)

HEX

#ff9900

RGB

rgb(255, 153, 0)

文字

HEX: #232f3e
RGB: rgb(35, 47, 62)

HEX

#232f3e

RGB

rgb(35, 47, 62)

Amazon Prime Video

HEX: #00a8e1
RGB: rgb(0, 168, 225)

HEX

#00a8e1

RGB

rgb(0, 168, 225)

Amazon Kindle

HEX: #fdaf17
RGB: rgb(253, 175, 23)

HEX

#fdaf17

RGB

rgb(253, 175, 23)

Dropbox

ブランド設定

アプリ向けアイコンは異なるようなので注意

HEX: #0061fe
RGB: rgb(0, 97, 254)

HEX

#0061ff

RGB

rgb(0, 98, 255)

Evernote

Evernote Trademarks

HEX: #00a82d
RGB: rgb(0, 168, 45)

HEX

#00a82d

RGB

rgb(0, 168, 45)

Facebook

Guidelines

HEX: #1877f2
RGB: rgb(24, 119, 242)

HEX

#1877f2

RGB

rgb(24, 119, 242)

Flickr

Brand guidelines

HEX: #0063dc #ff0084
RGB: rgb(0, 99, 219) rgb(255, 0, 132)

HEX

#0063dc
#ff0084

RGB

rgb(0, 99, 220)
rgb(255, 0, 132)

GitHub

GitHub Logos and Usage

HEX: #0e0c0d
RGB: rgb(14, 12, 13)

HEX

#0e0c0d

RGB

gb(14, 12, 13)

Instagram

ボタンやリンク等

HEX: #0095F6
RGB: rgb(0, 149, 246)

HEX

#0095F6

RGB

rgb(0, 149, 246)

LINE

LINE APP ICON GUIDELINE

HEX: #06c755
RGB: rgb(6, 199, 85)

HEX

#06c755

RGB

rgb(6, 199, 85)

LinkedIn

LinkedIn Brand Guidelines

HEX: #2867b2
RGB: rgb(40, 103, 178)

HEX

#2867b2

RGB

rgb(40, 103, 178)

mixi

ロゴのSVGから抽出

HEX: #e0c074
RGB: rgb(224, 192, 116)

HEX

#e0c074

RGB

rgb(224, 192, 116)

note

ロゴデータ

HEX: #000000
RGB: rgb(0, 0, 0)

HEX

#000000

RGB

rgb(0, 0, 0)

Notion

Media Kit

HEX: #000000
RGB: rgb(0, 0, 0)

HEX

#000000

RGB

rgb(0, 0, 0)

Pinterest

Pinterest Brand Guidelines

HEX: #e60023
RGB: rgb(230, 0, 35)

HEX

#e60023

RGB

rgb(230, 0, 35)

Qiita

デザインガイドライン

HEX: #55c500
RGB: rgb(85, 197, 0)

HEX

#55c500

RGB

rgb(85, 197, 0)

Skype

Brand guidelines

HEX: #0078d7
RGB: rgb(0, 120, 215)

HEX

#0078d7

RGB

rgb(0, 120, 215)

Tumblr

Logo

HEX: #001935
RGB: rgb(0, 25, 53)

HEX

#001935

RGB

rgb(0, 25, 53)

Twitter

About Twitter | Our logo, brand guidelines, and Tweet tools

HEX: #1d9bf0
RGB: rgb(29, 155, 240)

HEX

#1d9bf0

RGB

rgb(29, 155, 240)

YouTube

YouTube ブランドの使用について

HEX: #FF0000
RGB: rgb(255, 0, 0)

HEX

#FF0000

RGB

rgb(255, 0, 0)

Zoom

HEX: #2d8cff
RGB: rgb(45, 140, 255)

HEX

#2d8cff

RGB

rgb(45, 140, 255)