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

# はじめに

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

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

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

**随時更新予定**です。

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

## Amazon

### ベース

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/8a8998dc-4712-9d45-082f-0f4ed9ab3ee1.png" width="300px" alt="amazon logo">

[Logo Download](https://amazon-press.jp/Top-Navi/Downloads/Presskit/amazon/jp/Logo_Download/download/jp/Logo_Download/Amazon-logo-RGB/)

#### 矢印

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

```plane:HEX
#ff9900
```

```plane:RGB
rgb(255, 153, 0)
```

#### 文字

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

```plane:HEX
#232f3e
```

```plane:RGB
rgb(35, 47, 62)
```

### Amazon Prime Video

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/c54bf145-5b94-ada3-0849-9de735793729.jpeg" width="300px" alt="Amazon Prime Video">


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

```plane:HEX
#00a8e1
```

```plane:RGB
rgb(0, 168, 225)
```

### Amazon Kindle

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/055dd8da-59a7-7b13-d278-8035daa96b7e.jpeg" width="300px" alt="Amazon Kindle Logo">

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

```plane:HEX
#fdaf17
```

```plane:RGB
rgb(253, 175, 23)
```

## Dropbox

[ブランド設定](https://www.dropbox.com/branding)

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

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

```plane:HEX
#0061ff
```

```plane:RGB
rgb(0, 98, 255)
```

## Evernote

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/9a6e6395-f36e-ddb5-6418-ac4bbd6a65e1.png" width="300px">

[Evernote Trademarks](https://evernote.com/intl/jp/legal/trademark-use)

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

```plane:HEX
#00a82d
```

```plane:RGB
rgb(0, 168, 45)
```

## Facebook

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/02d4c371-eff6-f880-ff67-434749fd549a.png" width="100px" alt="facebook icon">

[Guidelines](https://ja.facebookbrand.com/facebookapp/assets/%E3%80%8Cf%E3%80%8D%E3%83%AD%E3%82%B4/)

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

```plane:HEX
#1877f2
```

```plane:RGB
rgb(24, 119, 242)
```

## Flickr

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/7e765cfa-ccb8-7754-c193-15cb97e9388d.png" width="150px">


[Brand guidelines](https://help.flickr.com/en_us/brand-guidelines-r1KCpZZvS)

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

```plane:HEX
#0063dc
#ff0084
```

```plane:RGB
rgb(0, 99, 220)
rgb(255, 0, 132)
```

## GitHub

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/898f2814-e099-d1cb-35c1-b99ed8fc7594.png" width="200px">

[GitHub Logos and Usage](https://github.com/logos)

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

```plane:HEX
#0e0c0d
```

```plane:RGB
gb(14, 12, 13)
```

## Instagram

ボタンやリンク等


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

```plane:HEX
#0095F6
```

```plane:RGB
rgb(0, 149, 246)
```

## LINE

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/f5b5ecba-69ca-b9c6-4e0f-8f8d78338bde.png" width="100px">

[LINE APP ICON GUIDELINE](https://line.me/ja/logo)

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

```plane:HEX
#06c755
```

```plane:RGB
rgb(6, 199, 85)
```

## LinkedIn

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/655a3269-4338-d72c-00b1-983dff44c469.png" width="300px">


[LinkedIn Brand Guidelines](https://brand.linkedin.com/downloads)

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

```plane:HEX
#2867b2
```

```plane:RGB
rgb(40, 103, 178)
```

## mixi

ロゴのSVGから抽出

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

```plane:HEX
#e0c074
```

```plane:RGB
rgb(224, 192, 116)
```

## note

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/71ff5bb2-e7a1-9eb5-346c-e2a2957dd349.png" width="200px">

[ロゴデータ](https://www.help-note.com/hc/ja/articles/360000235582-%E3%83%AD%E3%82%B4%E3%83%87%E3%83%BC%E3%82%BF)

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

```plane:HEX
#000000
```

```plane:RGB
rgb(0, 0, 0)
```

## Notion

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/30cccd1a-d9cd-cc28-4288-c051e0dc2c3d.png" width="100px">

[Media Kit](https://www.notion.so/Media-Kit-205535b1d9c4440497a3d7a2ac096286)

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

```plane:HEX
#000000
```

```plane:RGB
rgb(0, 0, 0)

```

## Pinterest

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/8b44003a-85dd-e07b-1a9a-571011f97660.png" width="100px">

[Pinterest Brand Guidelines](https://business.pinterest.com/en/brand-guidelines/)

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

```plane:HEX
#e60023
```

```plane:RGB
rgb(230, 0, 35)
```

## Qiita

[デザインガイドライン](https://help.qiita.com/ja/articles/others-brand-guideline)

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

```plane:HEX
#55c500
```

```plane:RGB
rgb(85, 197, 0)
```

## Skype

![skype-icon.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/31ace762-c109-f9a1-3887-9e1b60294110.png)

[Brand guidelines](https://www.skype.com/ja/legal/brand-guidelines/)

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

```plane:HEX
#0078d7
```

```plane:RGB
rgb(0, 120, 215)
```

## Tumblr

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/1be5a13a-3ed1-4f32-19a2-c4b18512d6e6.png" width="50px">


[Logo](https://www.tumblr.com/logo)

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

```plane:HEX
#001935
```

```plane:RGB
rgb(0, 25, 53)
```

## Twitter

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/39f6eadd-4bf5-ca0c-1eba-7307afdaf0ff.png" width="100px">

[About Twitter | Our logo, brand guidelines, and Tweet tools](https://about.twitter.com/en/who-we-are/brand-toolkit)

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

```plane:HEX
#1d9bf0
```

```plane:RGB
rgb(29, 155, 240)
```

## YouTube

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924363/272f9e18-4e1e-eff5-ad60-f83d58c2abe9.png" width="300px">

[YouTube ブランドの使用について](https://www.youtube.com/intl/ja/about/brand-resources/#logos-icons-colors)

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

```plane:HEX
#FF0000
```

```plane:RGB
rgb(255, 0, 0)
```

## Zoom

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

```plane:HEX
#2d8cff
```

```plane:RGB
rgb(45, 140, 255)
```