創建於 07/16/2025 11:50
Neural UI Kit for Web Components
Quantum Teal
#0ff0b3
Graphite Code Black
#1e1e1e
Data Cloud White
#fafafb
Signal Pink
#fc6c85
Logic Grid Gray
#d6d6d6
Frontend Rust
#c66b3d
React Ocean Blue
#1976d2
JS Neon Yellow
#ffea00
調色盤由 光, 黑暗的 種顏色組成. 強調色 React Ocean Blue #1976d2 和 JS Neon Yellow #ffea00. 調色盤有 涼爽的, 中性的, 溫暖的 色溫.
調色盤 Neural UI Kit for Web Components 具有 8 程式碼顏色的組合:
十六進位: #0ff0b3, RGB: (15, 240, 179); 十六進位: #1e1e1e, RGB: (30, 30, 30); 十六進位: #fafafb, RGB: (250, 250, 251)
十六進位: #fc6c85, RGB: (252, 108, 133); 十六進位: #d6d6d6, RGB: (214, 214, 214); 十六進位: #c66b3d, RGB: (198, 107, 61)
十六進位: #1976d2, RGB: (25, 118, 210); 十六進位: #ffea00, RGB: (255, 234, 0)
調色板顏色的簡化版本
陰影 mediumspringgreen, 陰影 黑色的, 陰影 whitesmoke, 色調 lightcoral, 陰影 lightgrey, 陰影 chocolate, 色調 steelblue, 陰影 gold
配色方案是由 coolor
調色盤中的顏色代碼
Neural UI Kit for Web Components 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #0ff0b3 | #0ff0b3 | RGB(15, 240, 179) | Quantum Teal | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Graphite Code Black | — |
| #fafafb | #fafafb | RGB(250, 250, 251) | Data Cloud White | — |
| #fc6c85 | #fc6c85 | RGB(252, 108, 133) | Signal Pink | Ultra Red |
| #d6d6d6 | #d6d6d6 | RGB(214, 214, 214) | Logic Grid Gray | Silver Medal |
| #c66b3d | #c66b3d | RGB(198, 107, 61) | Frontend Rust | — |
| #1976d2 | #1976d2 | RGB(25, 118, 210) | React Ocean Blue | — |
| #ffea00 | #ffea00 | RGB(255, 234, 0) | JS Neon Yellow | — |
色彩調色板對比度
11 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#0ff0b3 | #fafafb | 1.42 |
#0ff0b3 | #fc6c85 | 1.85 |
#0ff0b3 | #d6d6d6 | 1.02 |
#0ff0b3 | #ffea00 | 1.2 |
#fafafb | #d6d6d6 | 1.39 |
#fafafb | #ffea00 | 1.18 |
