Ui ux vector controllers palette

  • #04f5db
  • #c2e5ed
  • #486a1a
  • #9f727d
  • #a8c0c6
  • #683132
  0.18k
創建於 05/07/2020 06:41
調色盤由 淺色, 半暗 種顏色組成. 強調色 #04f5db 和 #683132. 調色盤有 冷色, 暖色 色溫.

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

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

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

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

HEX 代碼(排序):#04F5DB, #486A1A, #683132, #9F727D, #A8C0C6, #C2E5ED

調色盤 Ui ux vector controllers palette 具有 6 程式碼顏色的組合:
HEX: #04f5db, RGB: (4, 245, 219); HEX: #c2e5ed, RGB: (194, 229, 237); HEX: #486a1a, RGB: (72, 106, 26)
HEX: #9f727d, RGB: (159, 114, 125); HEX: #a8c0c6, RGB: (168, 192, 198); HEX: #683132, RGB: (104, 49, 50)
調色板顏色的簡化版本
暗色調 綠松石色, 淺色調 淺藍色, 暗色調 暗橄欖綠, 暗色調 玫瑰褐色, 暗色調 淺藍色, 淺色調 栗色
配色方案是由 colorswall

調色盤中的顏色代碼

Ui ux vector controllers palette 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#04f5db#04f5dbRGB(4, 245, 219)——
#c2e5ed#c2e5edRGB(194, 229, 237)——
#486a1a#486a1aRGB(72, 106, 26)——
#9f727d#9f727dRGB(159, 114, 125)——
#a8c0c6#a8c0c6RGB(168, 192, 198)——
#683132#683132RGB(104, 49, 50)——

色彩調色板對比度

5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#04f5db
#c2e5ed
1.04
#04f5db
#a8c0c6
1.36
#c2e5ed
#a8c0c6
1.42
#486a1a
#9f727d
1.54
#486a1a
#683132
1.61

圖像調色板 Ui ux vector controllers palette png