スマートフォン用の表示で見る

はてなヘッダ色サンプル

はてな

はてなヘッダ色サンプル

はてなへっだいろさんぷる

CSSに手を入れるときの参考用


標準

Hatena:: #1841CE
#06289B
#5279E7
文字色は#C9D5F8

グレー

Hatena:: #6B6E7A
#474A54
#9699A2
文字色は#E4E5E8

Hatena:: #4594A0
#276D75
#77BAC1
文字色は#DAEEF2

Hatena:: #693FA5
#432279
#9172C5
文字色は#E4D8F3

Hatena:: #9E5C33
#753919
#BA8163
文字色は#E0D0C4

Hatena:: #CE2618
#9C0700
#E75852
文字色は#FFD4CE

セピア

Hatena:: #DFB86F
#BB8743
#EFD7AF
文字色は#B58135

ピンク

Hatena:: #E98383
#CB5E66
#F3BABA
文字色は#C65359

抹茶

Hatena:: #B5CBA1
#96AB7E
#D6E2CE
文字色は#8DA475

ライトブルー

Hatena:: #8AB6F8
#6195EB
#D0E4FC
文字色は#5587E7

ライトグレー

Hatena:: #B9B8B4
#989793
#D8D8D5
文字色は#8F8E89

オレンジ

Hatena:: #FF9430
#FF7820
#FFD088
文字色は#FF7818

ライム

Hatena:: #60E8A0
#48BC88
#C0FFE0
文字色は#48BC88

Hatena:: #FFFFFF
#989898
#FFFFFF
文字色は#989898

Hatena:: #000000
#505050
#B8B4B8
文字色は#505050

参考 - pre背景色

  • 標準 #e7ebff
  • グレー #EDEDED
  • #CFEFD8
  • #F0E8F2
  • #EDE2CE
  • #FFEAEA
  • セピア #FFF5E0
  • ピンク #FFEDEA
  • 抹茶 #E9EEDE
  • ライトグレー #EDEDED
  • ライトブルー #EFF9FF
  • オレンジ #FFF6CD
  • ライム #E8FFEC
  • #EEEEEE
  • #333333