Design ux ui app colors palette

  • #e4ac4c
  • #f45c9c
  • #734f11
  • #bb9c63
  • #b0cdd1
  • #342c1c
  0.26k
創建於 01/10/2021 16:18
調色盤由 淺色, 半暗, 深色 種顏色組成. 強調色 #f45c9c 和 #b0cdd1. 調色盤有 暖色, 冷色 色溫.

依亮度,此調色盤由 #342C1C(最深)到 #B0CDD1(最淺)。 亮度範圍中等。

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

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

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

HEX 代碼(排序):#342C1C, #734F11, #B0CDD1, #BB9C63, #E4AC4C, #F45C9C

調色盤 Design ux ui app colors palette 具有 6 程式碼顏色的組合:
HEX: #e4ac4c, RGB: (228, 172, 76); HEX: #f45c9c, RGB: (244, 92, 156); HEX: #734f11, RGB: (115, 79, 17)
HEX: #bb9c63, RGB: (187, 156, 99); HEX: #b0cdd1, RGB: (176, 205, 209); HEX: #342c1c, RGB: (52, 44, 28)
調色板顏色的簡化版本
淺色調 金菊色, 暗色調 亮粉紅色, 暗色調 鞍褐色, 暗色調 棕褐色, 暗色調 淺藍色, 淺色調 黑色
配色方案是由 colorswall

調色盤中的顏色代碼

Design ux ui app colors palette 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#e4ac4c#e4ac4cRGB(228, 172, 76)——
#f45c9c#f45c9cRGB(244, 92, 156)——
#734f11#734f11RGB(115, 79, 17)——
#bb9c63#bb9c63RGB(187, 156, 99)——
#b0cdd1#b0cdd1RGB(176, 205, 209)——
#342c1c#342c1cRGB(52, 44, 28)——

色彩調色板對比度

7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#e4ac4c
#f45c9c
1.5
#e4ac4c
#bb9c63
1.28
#e4ac4c
#b0cdd1
1.21
#f45c9c
#bb9c63
1.17
#f45c9c
#b0cdd1
1.82
#734f11
#342c1c
1.87

圖像調色板 Design ux ui app colors palette png