創建於 03/09/2020 11:46
  0.26k

Dark theme product design knight rises ui colors palette

  • #f3a50b
  • #7b6cf8
  • #04bc9b
  • #55449d
  • #a8a4c3
  • #24284a
Loading...
調色盤由 光, 黑暗的 種顏色組成. 強調色 #f3a50b 和 #04bc9b. 調色盤有 溫暖的, 涼爽的 色溫.

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

飽和度混合——有柔色也有較鮮明的重點色。

有些色相成對接近互補位置——可能讀成互補對比(啟發式)。

整體色溫偏冷。

HEX 代碼(排序):#04BC9B, #24284A, #55449D, #7B6CF8, #A8A4C3, #F3A50B

調色盤 Dark theme product design knight rises ui colors palette 具有 6 程式碼顏色的組合:
十六進位: #f3a50b, RGB: (243, 165, 11); 十六進位: #7b6cf8, RGB: (123, 108, 248); 十六進位: #04bc9b, RGB: (4, 188, 155)
十六進位: #55449d, RGB: (85, 68, 157); 十六進位: #a8a4c3, RGB: (168, 164, 195); 十六進位: #24284a, RGB: (36, 40, 74)
調色板顏色的簡化版本
色調 橘子, 陰影 mediumslateblue, 色調 mediumaquamarine, 陰影 darkslateblue, 色調 thistle, 陰影 midnightblue
配色方案是由 colorswall

調色盤中的顏色代碼

Dark theme product design knight rises ui colors palette 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#f3a50b #f3a50b RGB(243, 165, 11)
#7b6cf8 #7b6cf8 RGB(123, 108, 248)
#04bc9b #04bc9b RGB(4, 188, 155)
#55449d #55449d RGB(85, 68, 157)
#a8a4c3 #a8a4c3 RGB(168, 164, 195)
#24284a #24284a RGB(36, 40, 74)

色彩調色板對比度

8 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#f3a50b
#7b6cf8
1.9
#f3a50b
#04bc9b
1.17
#f3a50b
#a8a4c3
1.16
#7b6cf8
#04bc9b
1.62
#7b6cf8
#55449d
1.97
#7b6cf8
#a8a4c3
1.64

圖像調色板 Dark theme product design knight rises ui colors palette PNG

Loading...
Loading...