Interaction orange ux login colours

  • Pumpkin
    #fc7c1c
  • Macaroni And Cheese
    #fcbc84
  • Indigo (Rainbow)
    #243c6c
  • UCLA Blue
    #5b6c98
  • Lavender Gray
    #c1c7d8
  • Purple Navy
    #445484
  0.14k
創建於 10/19/2022 15:56
調色盤由 淺色, 半暗 種顏色組成. 強調色 Pumpkin #fc7c1c 和 Indigo (Rainbow) #243c6c. 調色盤有 暖色, 冷色 色溫.

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

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

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

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

HEX 代碼(排序):#243C6C, #445484, #5B6C98, #C1C7D8, #FC7C1C, #FCBC84

調色盤 Interaction orange ux login colours 具有 6 程式碼顏色的組合:
HEX: #fc7c1c, RGB: (252, 124, 28); HEX: #fcbc84, RGB: (252, 188, 132); HEX: #243c6c, RGB: (36, 60, 108)
HEX: #5b6c98, RGB: (91, 108, 152); HEX: #c1c7d8, RGB: (193, 199, 216); HEX: #445484, RGB: (68, 84, 132)
調色板顏色的簡化版本
暗色調 暗橙色, 淺色調 沙褐色, 暗色調 暗岩藍色, 淺色調 皇家藍, 淺色調 淺鋼藍色, 淺色調 暗岩藍色
配色方案是由 colorswall

調色盤中的顏色代碼

Interaction orange ux login colours 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#fc7c1c#fc7c1cRGB(252, 124, 28)Pumpkin—
#fcbc84#fcbc84RGB(252, 188, 132)Macaroni And Cheese—
#243c6c#243c6cRGB(36, 60, 108)Indigo (Rainbow)—
#5b6c98#5b6c98RGB(91, 108, 152)UCLA Blue—
#c1c7d8#c1c7d8RGB(193, 199, 216)Lavender Gray—
#445484#445484RGB(68, 84, 132)Purple Navy—

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#fc7c1c
#fcbc84
1.57
#fc7c1c
#5b6c98
1.98
#fc7c1c
#c1c7d8
1.54
#fcbc84
#c1c7d8
1.01
#243c6c
#445484
1.46
#5b6c98
#445484
1.42

圖像調色板 Interaction orange ux login colours png