Interface learning platform ux colors

  • #fcc421
  • #f9d25e
  • #217464
  • #b05c94
  • #c8bccf
  • #6a3f31
  0.21k
創建於 04/05/2020 11:09
調色盤由 淺色, 半暗 種顏色組成. 強調色 #fcc421 和 #217464. 調色盤有 暖色, 冷色 色溫.

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

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

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

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

HEX 代碼(排序):#217464, #6A3F31, #B05C94, #C8BCCF, #F9D25E, #FCC421

調色盤 Interface learning platform ux colors 具有 6 程式碼顏色的組合:
HEX: #fcc421, RGB: (252, 196, 33); HEX: #f9d25e, RGB: (249, 210, 94); HEX: #217464, RGB: (33, 116, 100)
HEX: #b05c94, RGB: (176, 92, 148); HEX: #c8bccf, RGB: (200, 188, 207); HEX: #6a3f31, RGB: (106, 63, 49)
調色板顏色的簡化版本
暗色調 金色, 淺色調 金色, 暗色調 鴨綠色, 淺色調 中紫羅蘭紅, 暗色調 薊色, 暗色調 鞍褐色
配色方案是由 colorswall

調色盤中的顏色代碼

Interface learning platform ux colors 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#fcc421 #fcc421 RGB(252, 196, 33)——
#f9d25e #f9d25e RGB(249, 210, 94)——
#217464 #217464 RGB(33, 116, 100)——
#b05c94 #b05c94 RGB(176, 92, 148)——
#c8bccf #c8bccf RGB(200, 188, 207)——
#6a3f31 #6a3f31 RGB(106, 63, 49)——

色彩調色板對比度

5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#fcc421
#f9d25e
1.1
#fcc421
#c8bccf
1.13
#f9d25e
#c8bccf
1.24
#217464
#b05c94
1.28
#217464
#6a3f31
1.58

圖像調色板 Interface learning platform ux colors png