創建於 08/14/2025 14:40
React Component Flow Synapse
Hook Blue
#3a86ff
State Coral
#ff6b6b
JS Logic Yellow
#ffd60a
Fiber White
#fafafa
DOM Slate
#2d3142
UI Gradient Teal
#00bfa6
Signal Mauve
#a56cc1
調色盤由 光, 黑暗的 種顏色組成. 強調色 JS Logic Yellow #ffd60a 和 UI Gradient Teal #00bfa6. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 React Component Flow Synapse 具有 7 程式碼顏色的組合:
十六進位: #3a86ff, RGB: (58, 134, 255); 十六進位: #ff6b6b, RGB: (255, 107, 107); 十六進位: #ffd60a, RGB: (255, 214, 10)
十六進位: #fafafa, RGB: (250, 250, 250); 十六進位: #2d3142, RGB: (45, 49, 66); 十六進位: #00bfa6, RGB: (0, 191, 166)
十六進位: #a56cc1, RGB: (165, 108, 193)
調色板顏色的簡化版本
陰影 dodgerblue, 色調 salmon, 陰影 gold, 陰影 whitesmoke, 色調 darkslateblue, 色調 lightseagreen, 陰影 mediumorchid
配色方案是由 colorstudio
調色盤中的顏色代碼
React Component Flow Synapse 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Hook Blue | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | State Coral | — |
| #ffd60a | #ffd60a | RGB(255, 214, 10) | JS Logic Yellow | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Fiber White | Dr. White |
| #2d3142 | #2d3142 | RGB(45, 49, 66) | DOM Slate | — |
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | UI Gradient Teal | — |
| #a56cc1 | #a56cc1 | RGB(165, 108, 193) | Signal Mauve | — |
色彩調色板對比度
9 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#3a86ff | #ff6b6b | 1.25 |
#3a86ff | #00bfa6 | 1.49 |
#3a86ff | #a56cc1 | 1.09 |
#ff6b6b | #ffd60a | 1.96 |
#ff6b6b | #00bfa6 | 1.18 |
#ff6b6b | #a56cc1 | 1.37 |
