創建於 02/20/2020 12:43
  0.41k

Color chart ux web palette

  • #f8a431
  • #7b80fb
  • #0d9084
  • #69acac
  • #d4a4cc
  • #3f5868
Loading...
調色盤由 光, 半暗 種顏色組成. 強調色 #f8a431 和 #7b80fb. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.

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

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

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

整體色溫偏冷。

HEX 代碼(排序):#0D9084, #3F5868, #69ACAC, #7B80FB, #D4A4CC, #F8A431

調色盤 Color chart ux web palette 具有 6 程式碼顏色的組合:
十六進位: #f8a431, RGB: (248, 164, 49); 十六進位: #7b80fb, RGB: (123, 128, 251); 十六進位: #0d9084, RGB: (13, 144, 132)
十六進位: #69acac, RGB: (105, 172, 172); 十六進位: #d4a4cc, RGB: (212, 164, 204); 十六進位: #3f5868, RGB: (63, 88, 104)
調色板顏色的簡化版本
陰影 橘子, 陰影 mediumslateblue, 陰影 darkcyan, 陰影 cadetblue, 色調 plum, 陰影 darkslategrey
配色方案是由 colorswall

調色盤中的顏色代碼

Color chart ux web palette 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#f8a431 #f8a431 RGB(248, 164, 49)
#7b80fb #7b80fb RGB(123, 128, 251)
#0d9084 #0d9084 RGB(13, 144, 132)
#69acac #69acac RGB(105, 172, 172)
#d4a4cc #d4a4cc RGB(212, 164, 204)
#3f5868 #3f5868 RGB(63, 88, 104)

色彩調色板對比度

11 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#f8a431
#7b80fb
1.63
#f8a431
#0d9084
1.93
#f8a431
#69acac
1.27
#f8a431
#d4a4cc
1.03
#7b80fb
#0d9084
1.18
#7b80fb
#69acac
1.28

圖像調色板 Color chart ux web palette PNG

Loading...
Loading...