創建於 11/24/2022 15:57
經過raccoon
  94

Conversation ux chat design system colors palette

Bronze (Metallic)
#b4884a
Dark Vanilla
#dcc7aa
Dark Brown
#5d4626
Gray (HTML/CSS Gray)
#7c7c7c
Khaki (HTML/CSS)
#c2a78c
Gray
#444444
調色盤由 光 種顏色組成. 強調色 Bronze (Metallic) #b4884a 和 Dark Brown #5d4626. 調色盤有 溫暖的, 中性的 色溫.
調色盤 Conversation ux chat design system colors palette 具有 6 程式碼顏色的組合:
十六進位: #b4884a, RGB: (180, 136, 74); 十六進位: #dcc7aa, RGB: (220, 199, 170); 十六進位: #5d4626, RGB: (93, 70, 38)
十六進位: #7c7c7c, RGB: (124, 124, 124); 十六進位: #c2a78c, RGB: (194, 167, 140); 十六進位: #444444, RGB: (68, 68, 68)
調色板顏色的簡化版本
色調 peru, 陰影 tan, 色調 saddlebrown, 色調 灰色的, 色調 tan, 色調 dimgrey
配色方案是由 raccoon

調色盤中的顏色代碼

Conversation ux chat design system colors palette 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#b4884a RGB(180, 136, 74)Bronze (Metallic)
#dcc7aa RGB(220, 199, 170)Dark Vanilla
#5d4626 RGB(93, 70, 38)Dark Brown
#7c7c7c RGB(124, 124, 124)Gray (HTML/CSS Gray)
#c2a78c RGB(194, 167, 140)Khaki (HTML/CSS)
#444444 RGB(68, 68, 68)GrayGoshawk Grey

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#b4884a
#dcc7aa
1.94
#b4884a
#7c7c7c
1.3
#b4884a
#c2a78c
1.4
#dcc7aa
#c2a78c
1.39
#5d4626
#444444
1.09
#7c7c7c
#c2a78c
1.82

圖像調色板 Conversation ux chat design system colors palette PNG