創建於 12/27/2017 21:25
經過mz
  10.55k

Grey palette Materialize CSS

  • grey lighten-5
    #fafafa
  • grey lighten-4
    #f5f5f5
  • grey lighten-3
    #eeeeee
  • grey lighten-2
    #e0e0e0
  • grey lighten-1
    #bdbdbd
  • grey
    #9e9e9e
  • grey darken-1
    #757575
  • grey darken-2
    #616161
  • grey darken-3
    #424242
  • grey darken-4
    #212121
Loading...
調色盤由 光, 半暗, 黑暗的 種顏色組成. 強調色 grey lighten-5 #fafafa 和 grey lighten-4 #f5f5f5. 調色盤有 中性的 色溫.

依亮度,此調色盤由 #212121(最深)到 #FAFAFA(最淺)。 亮度範圍較寬。

整體飽和度多半偏柔(彩度較低)——100% 的顏色偏柔和。

多數顏色接近中性或彩度很低;色相關係較細膩。

多數色票讀起來偏中性色溫(10 中有 10)。

HEX 代碼(排序):#212121, #424242, #616161, #757575, #9E9E9E, #BDBDBD, #E0E0E0, #EEEEEE, #F5F5F5, #FAFAFA

調色盤 Grey palette Materialize CSS 具有 10 程式碼顏色的組合:
十六進位: #fafafa, RGB: (250, 250, 250); 十六進位: #f5f5f5, RGB: (245, 245, 245); 十六進位: #eeeeee, RGB: (238, 238, 238)
十六進位: #e0e0e0, RGB: (224, 224, 224); 十六進位: #bdbdbd, RGB: (189, 189, 189); 十六進位: #9e9e9e, RGB: (158, 158, 158)
十六進位: #757575, RGB: (117, 117, 117); 十六進位: #616161, RGB: (97, 97, 97); 十六進位: #424242, RGB: (66, 66, 66)
十六進位: #212121, RGB: (33, 33, 33)
調色板顏色的簡化版本
陰影 whitesmoke, 色調 whitesmoke, 陰影 gainsboro, 色調 銀, 色調 darkgrey, 陰影 dimgrey, 色調 dimgrey, 色調 darkslategrey, 陰影 黑色的
配色方案是由 mz

調色盤中的顏色代碼

Grey palette Materialize CSS 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#fafafa #fafafa RGB(250, 250, 250)grey lighten-5Dr. White
#f5f5f5 #f5f5f5 RGB(245, 245, 245)grey lighten-4Whitesmoke
#eeeeee #eeeeee RGB(238, 238, 238)grey lighten-3Super Silver
#e0e0e0 #e0e0e0 RGB(224, 224, 224)grey lighten-2Gray88
#bdbdbd #bdbdbd RGB(189, 189, 189)grey lighten-1Gray74
#9e9e9e #9e9e9e RGB(158, 158, 158)greyGray62
#757575 #757575 RGB(117, 117, 117)grey darken-1Sonic Silver
#616161 #616161 RGB(97, 97, 97)grey darken-2Gray38
#424242 #424242 RGB(66, 66, 66)grey darken-3Black Panther
#212121 #212121 RGB(33, 33, 33)grey darken-4Lead

色彩調色板對比度

15 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#fafafa
#f5f5f5
1.04
#fafafa
#eeeeee
1.11
#fafafa
#e0e0e0
1.26
#fafafa
#bdbdbd
1.79
#f5f5f5
#eeeeee
1.06
#f5f5f5
#e0e0e0
1.21

圖像調色板 Grey palette Materialize CSS PNG

Loading...
Loading...