Steps platform description icons colors palette

  • #3b7cf9
  • #94b5fa
  • #04213e
  • #848c8c
  • #cfd7e6
  • #344454
  0.23k
創建於 05/12/2020 11:44
調色盤由 淺色, 深色, 半暗 種顏色組成. 強調色 #3b7cf9 和 #94b5fa. 調色盤有 冷色, 中性色 色溫.

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

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

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

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

HEX 代碼(排序):#04213E, #344454, #3B7CF9, #848C8C, #94B5FA, #CFD7E6

調色盤 Steps platform description icons colors palette 具有 6 程式碼顏色的組合:
HEX: #3b7cf9, RGB: (59, 124, 249); HEX: #94b5fa, RGB: (148, 181, 250); HEX: #04213e, RGB: (4, 33, 62)
HEX: #848c8c, RGB: (132, 140, 140); HEX: #cfd7e6, RGB: (207, 215, 230); HEX: #344454, RGB: (52, 68, 84)
調色板顏色的簡化版本
淺色調 皇家藍, 暗色調 淺鋼藍色, 暗色調 午夜藍, 淺色調 灰色, 暗色調 薰衣草紫, 暗色調 暗岩藍色
配色方案是由 colorswall

調色盤中的顏色代碼

Steps platform description icons colors palette 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#3b7cf9 #3b7cf9 RGB(59, 124, 249)——
#94b5fa #94b5fa RGB(148, 181, 250)——
#04213e #04213e RGB(4, 33, 62)——
#848c8c #848c8c RGB(132, 140, 140)——
#cfd7e6 #cfd7e6 RGB(207, 215, 230)——
#344454 #344454 RGB(52, 68, 84)——

色彩調色板對比度

5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#3b7cf9
#94b5fa
1.88
#3b7cf9
#848c8c
1.12
#94b5fa
#848c8c
1.67
#94b5fa
#cfd7e6
1.41
#04213e
#344454
1.62

圖像調色板 Steps platform description icons colors palette png