Figma landing ux ui hex colors

  • #c8ac3c
  • #84ecfa
  • #5c4c14
  • #508e9e
  • #cdb49d
  • #2e515a
  0.17k
創建於 01/12/2021 14:19
調色盤由 淺色, 半暗 種顏色組成. 強調色 #84ecfa 和 #5c4c14. 調色盤有 暖色, 冷色 色溫.

依亮度,此調色盤由 #2E515A(最深)到 #84ECFA(最淺)。 亮度範圍中等。

飽和度落在中等區間,平均約 52%。

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

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

HEX 代碼(排序):#2E515A, #508E9E, #5C4C14, #84ECFA, #C8AC3C, #CDB49D

調色盤 Figma landing ux ui hex colors 具有 6 程式碼顏色的組合:
HEX: #c8ac3c, RGB: (200, 172, 60); HEX: #84ecfa, RGB: (132, 236, 250); HEX: #5c4c14, RGB: (92, 76, 20)
HEX: #508e9e, RGB: (80, 142, 158); HEX: #cdb49d, RGB: (205, 180, 157); HEX: #2e515a, RGB: (46, 81, 90)
調色板顏色的簡化版本
淺色調 金菊色, 暗色調 淡綠松石色, 暗色調 暗橄欖綠, 暗色調 軍校藍, 淺色調 棕褐色, 淺色調 暗岩灰色
配色方案是由 colorswall

調色盤中的顏色代碼

Figma landing ux ui hex colors 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#c8ac3c#c8ac3cRGB(200, 172, 60)——
#84ecfa#84ecfaRGB(132, 236, 250)——
#5c4c14#5c4c14RGB(92, 76, 20)——
#508e9e#508e9eRGB(80, 142, 158)——
#cdb49d#cdb49dRGB(205, 180, 157)——
#2e515a#2e515aRGB(46, 81, 90)——

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#c8ac3c
#84ecfa
1.63
#c8ac3c
#508e9e
1.65
#c8ac3c
#cdb49d
1.12
#84ecfa
#cdb49d
1.44
#5c4c14
#2e515a
1.02
#508e9e
#cdb49d
1.86

圖像調色板 Figma landing ux ui hex colors png