創建於 07/07/2025 17:11
GraphQL Interface Explorer Mode
- Schema Purple#9c27b0
- Query Sky#00bcd4
- Mutation Rose#f8bbd0
- Resolver Gray#b0bec5
- Type System White#fafafa
- Introspection Black#1a1a1a
調色盤由 光, 黑暗的 種顏色組成. 強調色 Query Sky #00bcd4 和 Mutation Rose #f8bbd0. 調色盤有 涼爽的, 中性的 色溫.
依亮度,此調色盤由 #1A1A1A(最深)到 #FAFAFA(最淺)。 亮度範圍較寬。
飽和度混合——有柔色也有較鮮明的重點色。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏冷。
HEX 代碼(排序):#00BCD4, #1A1A1A, #9C27B0, #B0BEC5, #F8BBD0, #FAFAFA
調色盤 GraphQL Interface Explorer Mode 具有 6 程式碼顏色的組合:
十六進位: #9c27b0, RGB: (156, 39, 176); 十六進位: #00bcd4, RGB: (0, 188, 212); 十六進位: #f8bbd0, RGB: (248, 187, 208)
十六進位: #b0bec5, RGB: (176, 190, 197); 十六進位: #fafafa, RGB: (250, 250, 250); 十六進位: #1a1a1a, RGB: (26, 26, 26)
調色板顏色的簡化版本
色調 darkorchid, 色調 darkturquoise, 色調 粉紅色的, 色調 銀, 陰影 whitesmoke, 陰影 黑色的
配色方案是由 colorstudio
調色盤中的顏色代碼
GraphQL Interface Explorer Mode 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Schema Purple | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Query Sky | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | Mutation Rose | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Resolver Gray | Ocean Drive |
| #fafafa | #fafafa | RGB(250, 250, 250) | Type System White | Dr. White |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Introspection Black | Gray10 |
色彩調色板對比度
5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#00bcd4 | #f8bbd0 | 1.42 |
#00bcd4 | #b0bec5 | 1.2 |
#f8bbd0 | #b0bec5 | 1.18 |
#f8bbd0 | #fafafa | 1.54 |
#b0bec5 | #fafafa | 1.82 |
圖像調色板 GraphQL Interface Explorer Mode PNG
匯出調色盤
下載 "GraphQL Interface Explorer Mode" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
