Loading...
創建於 09/15/2021 19:34
  0.18k

Product design ui colors

  • #3c84cc
  • #6cf0a2
  • #1c64ac
  • #5e93a0
  • #98aabd
  • #315d5c
Loading...
調色盤由 光, 半暗 種顏色組成. 強調色 #6cf0a2 和 #1c64ac. 調色盤有 涼爽的 色溫.

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

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

色相分佈偏向鄰近色群的感覺(啟發式,非嚴格理論標籤)。

整體色溫偏冷。

HEX 代碼(排序):#1C64AC, #315D5C, #3C84CC, #5E93A0, #6CF0A2, #98AABD

調色盤 Product design ui colors 具有 6 程式碼顏色的組合:
十六進位: #3c84cc, RGB: (60, 132, 204); 十六進位: #6cf0a2, RGB: (108, 240, 162); 十六進位: #1c64ac, RGB: (28, 100, 172)
十六進位: #5e93a0, RGB: (94, 147, 160); 十六進位: #98aabd, RGB: (152, 170, 189); 十六進位: #315d5c, RGB: (49, 93, 92)
調色板顏色的簡化版本
陰影 steelblue, 陰影 mediumspringgreen, 色調 royalblue, 色調 cadetblue, 色調 lightsteelblue, 陰影 darkslategrey
配色方案是由 colorswall

調色盤中的顏色代碼

Product design ui colors 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#3c84cc #3c84cc RGB(60, 132, 204)
#6cf0a2 #6cf0a2 RGB(108, 240, 162)
#1c64ac #1c64ac RGB(28, 100, 172)
#5e93a0 #5e93a0 RGB(94, 147, 160)
#98aabd #98aabd RGB(152, 170, 189)
#315d5c #315d5c RGB(49, 93, 92)

色彩調色板對比度

8 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#3c84cc
#1c64ac
1.54
#3c84cc
#5e93a0
1.14
#3c84cc
#98aabd
1.64
#3c84cc
#315d5c
1.88
#6cf0a2
#98aabd
1.65
#1c64ac
#5e93a0
1.77

圖像調色板 Product design ui colors PNG

Loading...
Loading...
Loading...