Qiitaのブランド カラーコード 16進数

「ねぇ、Qiita君の好きなカラーコードを教えて？」

#Qiita(New)

![8c88f8f4-9783-d36c-a547-e5c799f1253f-1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/f0835d9f-ca49-5d46-d3fc-2448f5f54baf.png)

黒 `#1D2121`
緑 `#00FD00`
肌 `#F6DFD6`
緑 `#31B600`
緑 `#00CA00`
青 `#0298E1`


#Qiita(Old)
![qiita-rectangle.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/19534739-b7b5-cf11-04c5-0991eb6cb39b.png)

緑 `#59bb0c`
白 `#ffffff`


投稿する
<img width="299" alt="スクリーンショット 2019-12-04 9.08.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/a1f264fe-7a93-d105-d00a-f84c17c07916.png">

濃い緑 `#409202`

ストック
<img width="300" alt="スクリーンショット 2019-12-04 8.56.12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/e407a362-e600-9f27-c193-4945fdfa62b3.png">

灰 `#777777`

アクション
<img width="300" alt="スクリーンショット 2019-12-04 9.38.44.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/9348a9e8-bb91-7911-3bac-8a38c2c2f8a8.png">

灰 `#aaaaaa`


#Qiita:Team
![qiita-team.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/040968be-3f29-2e07-94b5-6caef31a0a5e.png)

青 `#2398d8`
白 `#ffffff`

#Increments++
![increments-rectangle.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/e95c22b2-698a-ba23-2583-3497e09b0a61.png)

黒 `#000000`

#kobito
![kobito.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/840e473a-a4c9-5e03-ccfe-44e097367b4c.png)

黒 `#000000`
緑 `#59bb0c`
白 `#ffffff`

#Qiitan

<img width="300" alt="スクリーンショット 2019-12-04 9.16.44.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/c4980743-e3ec-f9f0-30dd-06b2fb03d396.png">

緑 `#82b046`
顔 `#82b046` 
耳 `#ede455`

カレンダー
<img width="308" alt="スクリーンショット 2019-12-04 9.44.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/77ef09f7-0a72-5149-c0dc-f14bc1cb88fa.png">
赤 `#EF5351`

アドベントカレンダー
<img width="491" alt="スクリーンショット 2019-12-04 9.44.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/036bc8c7-8c90-702c-cd28-889a70951d64.png">

ワイン `#A82632`

![スクリーンショット 2019-12-04 13.53.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/fb1df8ce-cd5e-d5eb-1ac0-2b02bd1037f2.png)

オレンジ `#D0712F`


![コメント 2019-12-28 145150.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/e38c5e3d-efea-410a-a230-256e4cb967c8.png)

紺色`#413e75`


フッター
<img width="119" alt="スクリーンショット 2019-12-04 9.59.10.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/a84cfe53-f849-003e-9d02-7e0a4337d6ed.png">

背景 `#F6F6F4`
黒   `#3E3E3E`
文字 `#B3B3B3`

目次
<img width="306" alt="スクリーンショット 2019-12-04 10.02.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/dac5cbc3-796a-8cac-3f64-f556a330175a.png">

文字ホバー `#333333`
文字      `#85837a`
背景ホバー `#E6E5E1`
背景      `F6F6F4`


通知
<img width="114" alt="スクリーンショット 2019-12-04 10.08.51.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/167ead6e-4662-e8d0-602d-65e1f6cdc26d.png">

緑 `#74C13A`
薄 `#F0FBE4`
数字 `#568F29`

通知来た
<img width="100" alt="スクリーンショット 2019-12-04 12.06.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/362315/d792c0fa-5d2a-3072-9fec-116e05063f97.png">

赤 `#D15633`


Qiitaのことが好きだったんだよ！
（12/2 早速のNewデザイン、勝手に使用してすみませんでした[2]。）


#使用例
もし、この記事が役に立ったら、「<font color="59bb0c">**いいね**</font>」「<font color="777777">**ストック**</font>」押してくれ🗡💥

#参考
[1][ブランドガイドライン Qiitaサポートガイドライン](https://help.qiita.com/ja/articles/others-brand-guideline)
[2] [Qiitaのビジュアルアイデンティティを再定義し、ロゴ等を変更しました](https://blog.qiita.com/qiita-visual-identity/)