Website design wordpress web design colors palette

  • #54b4f4
  • #5456e0
  • #192e5b
  • #5150a2
  • #b7cdda
  • #453e7f
  0.22k
創建於 09/06/2019 08:32
調色盤由 淺色, 半暗, 深色 種顏色組成. 強調色 #54b4f4 和 #5456e0. 調色盤有 冷色 色溫.

依亮度,此調色盤由 #192E5B(最深)到 #B7CDDA(最淺)。 亮度範圍中等。

飽和度落在中等區間,平均約 52%。

類比色調色盤:色相在色輪上彼此相近,範圍約 44°。

整體色溫偏冷(6 中有 6)。

HEX 代碼(排序):#192E5B, #453E7F, #5150A2, #5456E0, #54B4F4, #B7CDDA

調色盤 Website design wordpress web design colors palette 具有 6 程式碼顏色的組合:
HEX: #54b4f4, RGB: (84, 180, 244); HEX: #5456e0, RGB: (84, 86, 224); HEX: #192e5b, RGB: (25, 46, 91)
HEX: #5150a2, RGB: (81, 80, 162); HEX: #b7cdda, RGB: (183, 205, 218); HEX: #453e7f, RGB: (69, 62, 127)
調色板顏色的簡化版本
淺色調 深天藍色, 暗色調 岩藍色, 淺色調 午夜藍, 淺色調 暗岩藍色, 暗色調 淺藍色, 暗色調 暗岩藍色
配色方案是由 colorswall

調色盤中的顏色代碼

Website design wordpress web design colors palette 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#54b4f4#54b4f4RGB(84, 180, 244)——
#5456e0#5456e0RGB(84, 86, 224)——
#192e5b#192e5bRGB(25, 46, 91)——
#5150a2#5150a2RGB(81, 80, 162)——
#b7cdda#b7cddaRGB(183, 205, 218)——
#453e7f#453e7fRGB(69, 62, 127)——

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#54b4f4
#b7cdda
1.38
#5456e0
#5150a2
1.25
#5456e0
#453e7f
1.68
#192e5b
#5150a2
1.9
#192e5b
#453e7f
1.42
#5150a2
#453e7f
1.34

圖像調色板 Website design wordpress web design colors palette png