Loading...
創建於 05/20/2021 19:48
  0.2k

App ui ux palette

  • #f6390a
  • #fce384
  • #14348c
  • #5855a8
  • #c8b7d3
  • #2c3c5d
Loading...
調色盤由 半暗, 光 種顏色組成. 強調色 #fce384 和 #14348c. 調色盤有 溫暖的, 涼爽的 色溫.

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

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

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

整體色溫偏冷。

HEX 代碼(排序):#14348C, #2C3C5D, #5855A8, #C8B7D3, #F6390A, #FCE384

調色盤 App ui ux palette 具有 6 程式碼顏色的組合:
十六進位: #f6390a, RGB: (246, 57, 10); 十六進位: #fce384, RGB: (252, 227, 132); 十六進位: #14348c, RGB: (20, 52, 140)
十六進位: #5855a8, RGB: (88, 85, 168); 十六進位: #c8b7d3, RGB: (200, 183, 211); 十六進位: #2c3c5d, RGB: (44, 60, 93)
調色板顏色的簡化版本
色調 orangered, 陰影 卡其色, 色調 darkslateblue, 色調 slateblue, 色調 thistle, 色調 darkslateblue
配色方案是由 colorswall

調色盤中的顏色代碼

App ui ux palette 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#f6390a #f6390a RGB(246, 57, 10)
#fce384 #fce384 RGB(252, 227, 132)
#14348c #14348c RGB(20, 52, 140)
#5855a8 #5855a8 RGB(88, 85, 168)
#c8b7d3 #c8b7d3 RGB(200, 183, 211)
#2c3c5d #2c3c5d RGB(44, 60, 93)

色彩調色板對比度

5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#f6390a
#5855a8
1.67
#fce384
#c8b7d3
1.47
#14348c
#5855a8
1.72
#14348c
#2c3c5d
1
#5855a8
#2c3c5d
1.71

圖像調色板 App ui ux palette PNG

Loading...
Loading...
Loading...