Website ux landing page indentity colours

  • #3481ef
  • #6cb4f4
  • #0b284d
  • #6c8494
  • #9eccc5
  • #413358
  0.32k
創建於 02/13/2020 21:31
調色盤由 淺色, 深色, 半暗 種顏色組成. 強調色 #3481ef 和 #6cb4f4. 調色盤有 冷色 色溫.

依亮度,此調色盤由 #0B284D(最深)到 #9ECCC5(最淺)。 亮度範圍中等。

飽和度混合——6 種顏色中有 2 種柔和、3 種鮮明。

色相集中在色輪的同一區域,範圍約 92°。

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

HEX 代碼(排序):#0B284D, #3481EF, #413358, #6C8494, #6CB4F4, #9ECCC5

調色盤 Website ux landing page indentity colours 具有 6 程式碼顏色的組合:
HEX: #3481ef, RGB: (52, 129, 239); HEX: #6cb4f4, RGB: (108, 180, 244); HEX: #0b284d, RGB: (11, 40, 77)
HEX: #6c8494, RGB: (108, 132, 148); HEX: #9eccc5, RGB: (158, 204, 197); HEX: #413358, RGB: (65, 51, 88)
調色板顏色的簡化版本
暗色調 道奇藍, 暗色調 淺天藍色, 淺色調 午夜藍, 淺色調 岩灰色, 暗色調 粉藍色, 暗色調 暗岩藍色
配色方案是由 colorswall

調色盤中的顏色代碼

Website ux landing page indentity colours 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#3481ef #3481ef RGB(52, 129, 239)——
#6cb4f4 #6cb4f4 RGB(108, 180, 244)——
#0b284d #0b284d RGB(11, 40, 77)——
#6c8494 #6c8494 RGB(108, 132, 148)——
#9eccc5 #9eccc5 RGB(158, 204, 197)——
#413358 #413358 RGB(65, 51, 88)——

色彩調色板對比度

5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#3481ef
#6cb4f4
1.71
#3481ef
#6c8494
1.03
#6cb4f4
#6c8494
1.76
#6cb4f4
#9eccc5
1.25
#0b284d
#413358
1.29

圖像調色板 Website ux landing page indentity colours png