Web logo ux app colors

  • #b45565
  • #f2eb84
  • #143240
  • #a7a564
  • #c3c4c7
  • #3b5460
  0.14k

Web logo ux app colors 包含 6 種顏色,主色調為黃色和藍色。 最淺的顏色是 卡其色 (#F2EB84),最深的是 午夜藍 (#143240)。 對比度最高的組合是 #F2EB84 背景上的 #143240(10.8:1,WCAG AAA)。

創建於 10/21/2021 22:39
調色盤由 半暗, 淺色, 深色 種顏色組成. 強調色 #f2eb84 和 #143240. 調色盤有 暖色, 冷色, 中性色 色溫.

依亮度,此調色盤由 #143240(最深)到 #F2EB84(最淺)。 亮度範圍較寬。

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

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

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

HEX 代碼(排序):#143240, #3B5460, #A7A564, #B45565, #C3C4C7, #F2EB84

調色盤 Web logo ux app colors 具有 6 程式碼顏色的組合:
HEX: #b45565, RGB: (180, 85, 101); HEX: #f2eb84, RGB: (242, 235, 132); HEX: #143240, RGB: (20, 50, 64)
HEX: #a7a564, RGB: (167, 165, 100); HEX: #c3c4c7, RGB: (195, 196, 199); HEX: #3b5460, RGB: (59, 84, 96)
調色板顏色的簡化版本
暗色調 印度紅, 淺色調 卡其色, 淺色調 午夜藍, 暗色調 暗卡其色, 淺色調 銀色, 淺色調 暗岩灰色
配色方案是由 colorswall

調色盤中的顏色代碼

Web logo ux app colors 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#b45565#b45565RGB(180, 85, 101)——
#f2eb84#f2eb84RGB(242, 235, 132)——
#143240#143240RGB(20, 50, 64)——
#a7a564#a7a564RGB(167, 165, 100)——
#c3c4c7#c3c4c7RGB(195, 196, 199)——
#3b5460#3b5460RGB(59, 84, 96)——

色彩調色板對比度

5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#b45565
#a7a564
1.85
#b45565
#3b5460
1.68
#f2eb84
#c3c4c7
1.41
#143240
#3b5460
1.68
#a7a564
#c3c4c7
1.46

圖像調色板 Web logo ux app colors png