Navigation platform ux design colors

  • Celtic Blue
    #2565e7
  • Cornflower Blue
    #6c98e6
  • Indigo (Rainbow)
    #253868
  • Blue Yonder
    #5c74a4
  • Dark Vanilla
    #d1b7a2
  • Coffee
    #644e39
  0.13k
創建於 11/03/2022 20:57
調色盤由 半暗, 淺色 種顏色組成. 強調色 Celtic Blue #2565e7 和 Dark Vanilla #d1b7a2. 調色盤有 冷色, 暖色 色溫.

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

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

部分顏色在色輪上大致相對,為調色盤帶來互補對比。

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

HEX 代碼(排序):#253868, #2565E7, #5C74A4, #644E39, #6C98E6, #D1B7A2

調色盤 Navigation platform ux design colors 具有 6 程式碼顏色的組合:
HEX: #2565e7, RGB: (37, 101, 231); HEX: #6c98e6, RGB: (108, 152, 230); HEX: #253868, RGB: (37, 56, 104)
HEX: #5c74a4, RGB: (92, 116, 164); HEX: #d1b7a2, RGB: (209, 183, 162); HEX: #644e39, RGB: (100, 78, 57)
調色板顏色的簡化版本
暗色調 皇家藍, 淺色調 矢車菊藍, 暗色調 暗岩藍色, 暗色調 鋼藍色, 淺色調 棕褐色, 暗色調 鞍褐色
配色方案是由 colorswall

調色盤中的顏色代碼

Navigation platform ux design colors 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#2565e7#2565e7RGB(37, 101, 231)Celtic Blue—
#6c98e6#6c98e6RGB(108, 152, 230)Cornflower Blue—
#253868#253868RGB(37, 56, 104)Indigo (Rainbow)—
#5c74a4#5c74a4RGB(92, 116, 164)Blue Yonder—
#d1b7a2#d1b7a2RGB(209, 183, 162)Dark Vanilla—
#644e39#644e39RGB(100, 78, 57)Coffee—

色彩調色板對比度

7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#2565e7
#6c98e6
1.77
#2565e7
#5c74a4
1.09
#2565e7
#644e39
1.52
#6c98e6
#5c74a4
1.61
#6c98e6
#d1b7a2
1.51
#253868
#644e39
1.45

圖像調色板 Navigation platform ux design colors png