創建於 07/07/2025 17:03
Conversational UI Toolkit
Chat Bubble Blue
#b3cde0
Prompt Cream
#fff7ec
Reply Pink
#ffd6e0
User Intent Teal
#8fd6e1
NLP Grey
#e0e0e0
Message Graphite
#2f2f2f
Flowchart Lilac
#cdb4db
調色盤由 光, 黑暗的 種顏色組成. 強調色 Prompt Cream #fff7ec 和 User Intent Teal #8fd6e1. 調色盤有 涼爽的, 中性的 色溫.
調色盤 Conversational UI Toolkit 具有 7 程式碼顏色的組合:
十六進位: #b3cde0, RGB: (179, 205, 224); 十六進位: #fff7ec, RGB: (255, 247, 236); 十六進位: #ffd6e0, RGB: (255, 214, 224)
十六進位: #8fd6e1, RGB: (143, 214, 225); 十六進位: #e0e0e0, RGB: (224, 224, 224); 十六進位: #2f2f2f, RGB: (47, 47, 47)
十六進位: #cdb4db, RGB: (205, 180, 219)
調色板顏色的簡化版本
陰影 lightsteelblue, 色調 floralwhite, 陰影 粉紅色的, 色調 powderblue, 陰影 gainsboro, 陰影 黑色的, 色調 thistle
配色方案是由 coolor
調色盤中的顏色代碼
Conversational UI Toolkit 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #b3cde0 | #b3cde0 | RGB(179, 205, 224) | Chat Bubble Blue | — |
| #fff7ec | #fff7ec | RGB(255, 247, 236) | Prompt Cream | — |
| #ffd6e0 | #ffd6e0 | RGB(255, 214, 224) | Reply Pink | — |
| #8fd6e1 | #8fd6e1 | RGB(143, 214, 225) | User Intent Teal | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | NLP Grey | Gray88 |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Message Graphite | — |
| #cdb4db | #cdb4db | RGB(205, 180, 219) | Flowchart Lilac | — |
色彩調色板對比度
15 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#b3cde0 | #fff7ec | 1.55 |
#b3cde0 | #ffd6e0 | 1.25 |
#b3cde0 | #8fd6e1 | 1.01 |
#b3cde0 | #e0e0e0 | 1.25 |
#b3cde0 | #cdb4db | 1.14 |
#fff7ec | #ffd6e0 | 1.23 |
