Design home page webdesign landing colors

  • Orange (Web)
    #faa307
  • Waterspout
    #9ef5e6
  • Mustard Brown
    #cf860a
  • Dark Lavender
    #685694
  • Cadet Blue (Crayola)
    #b0bcc4
  • Mud
    #725841
  89
創建於 02/21/2023 09:46
調色盤由 淺色, 半暗 種顏色組成. 強調色 Orange (Web) #faa307 和 Waterspout #9ef5e6. 調色盤有 暖色, 冷色 色溫.

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

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

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

冷暖色票大致平衡(3 暖、3 冷)。

HEX 代碼(排序):#685694, #725841, #9EF5E6, #B0BCC4, #CF860A, #FAA307

調色盤 Design home page webdesign landing colors 具有 6 程式碼顏色的組合:
HEX: #faa307, RGB: (250, 163, 7); HEX: #9ef5e6, RGB: (158, 245, 230); HEX: #cf860a, RGB: (207, 134, 10)
HEX: #685694, RGB: (104, 86, 148); HEX: #b0bcc4, RGB: (176, 188, 196); HEX: #725841, RGB: (114, 88, 65)
調色板顏色的簡化版本
暗色調 橙色, 暗色調 淡綠松石色, 暗色調 秘魯色, 淺色調 暗岩藍色, 暗色調 銀色, 淺色調 鞍褐色
配色方案是由 colorswall

調色盤中的顏色代碼

Design home page webdesign landing colors 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#faa307#faa307RGB(250, 163, 7)Orange (Web)—
#9ef5e6#9ef5e6RGB(158, 245, 230)Waterspout—
#cf860a#cf860aRGB(207, 134, 10)Mustard Brown—
#685694#685694RGB(104, 86, 148)Dark Lavender—
#b0bcc4#b0bcc4RGB(176, 188, 196)Cadet Blue (Crayola)—
#725841#725841RGB(114, 88, 65)Mud—

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#faa307
#9ef5e6
1.61
#faa307
#cf860a
1.45
#faa307
#b0bcc4
1.05
#9ef5e6
#b0bcc4
1.53
#cf860a
#b0bcc4
1.53
#685694
#725841
1.05

圖像調色板 Design home page webdesign landing colors png