Uxdesign uidesign ui colors

  • #f4a43c
  • #f2b570
  • #1c0c0c
  • #747474
  • #a9cdbf
  • #3c3430
  0.27k

Uxdesign uidesign ui colors 包含 6 種顏色,主色調為橙色和青綠色。 最淺的顏色是 粉藍色 (#A9CDBF),最深的是 黑色 (#1C0C0C)。 對比度最高的組合是 #A9CDBF 背景上的 #1C0C0C(10.9:1,WCAG AAA)。

創建於 03/27/2021 17:35
調色盤由 淺色, 深色, 半暗 種顏色組成. 強調色 #f4a43c 和 #a9cdbf. 調色盤有 暖色, 中性色, 冷色 色溫.

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

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

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

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

HEX 代碼(排序):#1C0C0C, #3C3430, #747474, #A9CDBF, #F2B570, #F4A43C

調色盤 Uxdesign uidesign ui colors 具有 6 程式碼顏色的組合:
HEX: #f4a43c, RGB: (244, 164, 60); HEX: #f2b570, RGB: (242, 181, 112); HEX: #1c0c0c, RGB: (28, 12, 12)
HEX: #747474, RGB: (116, 116, 116); HEX: #a9cdbf, RGB: (169, 205, 191); HEX: #3c3430, RGB: (60, 52, 48)
調色板顏色的簡化版本
淺色調 橙色, 淺色調 實木色, 淺色調 黑色, 淺色調 昏灰色, 暗色調 粉藍色, 淺色調 黑色
配色方案是由 colorswall

調色盤中的顏色代碼

Uxdesign uidesign ui colors 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#f4a43c#f4a43cRGB(244, 164, 60)——
#f2b570#f2b570RGB(242, 181, 112)——
#1c0c0c#1c0c0cRGB(28, 12, 12)——
#747474#747474RGB(116, 116, 116)——
#a9cdbf#a9cdbfRGB(169, 205, 191)——
#3c3430#3c3430RGB(60, 52, 48)——

色彩調色板對比度

4 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#f4a43c
#f2b570
1.13
#f4a43c
#a9cdbf
1.19
#f2b570
#a9cdbf
1.04
#1c0c0c
#3c3430
1.55

圖像調色板 Uxdesign uidesign ui colors png