Loading ux ui animation

  • #6c24fb
  • #9f76f2
  • #2d0282
  • #340296
  • #370d8b
  • #0c0c0c
  0.21k
創建於 11/08/2019 21:53
調色盤由 半暗, 淺色, 深色 種顏色組成. 強調色 #2d0282 和 #340296. 調色盤有 冷色, 中性色 色溫.

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

整體飽和度偏鮮明(彩度較高)——83% 的顏色偏鮮明。

類比色調色盤:色相在色輪上彼此相近,範圍約 0°。

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

HEX 代碼(排序):#0C0C0C, #2D0282, #340296, #370D8B, #6C24FB, #9F76F2

調色盤 Loading ux ui animation 具有 6 程式碼顏色的組合:
HEX: #6c24fb, RGB: (108, 36, 251); HEX: #9f76f2, RGB: (159, 118, 242); HEX: #2d0282, RGB: (45, 2, 130)
HEX: #340296, RGB: (52, 2, 150); HEX: #370d8b, RGB: (55, 13, 139); HEX: #0c0c0c, RGB: (12, 12, 12)
調色板顏色的簡化版本
暗色調 藍紫色, 淺色調 中紫色, 淺色調 海軍藍, 淺色調 暗藍色, 淺色調 靛藍色, 淺色調 黑色
配色方案是由 colorswall

調色盤中的顏色代碼

Loading ux ui animation 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#6c24fb#6c24fbRGB(108, 36, 251)——
#9f76f2#9f76f2RGB(159, 118, 242)——
#2d0282#2d0282RGB(45, 2, 130)——
#340296#340296RGB(52, 2, 150)——
#370d8b#370d8bRGB(55, 13, 139)——
#0c0c0c#0c0c0cRGB(12, 12, 12)—Black Wash

色彩調色板對比度

7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#6c24fb
#9f76f2
1.93
#2d0282
#340296
1.1
#2d0282
#370d8b
1.1
#2d0282
#0c0c0c
1.34
#340296
#370d8b
1
#340296
#0c0c0c
1.48

圖像調色板 Loading ux ui animation png