React Component Flow System
- JS Yellow#f7df1e
- React Ocean#61dafb
- Framework Slate#2b2b2b
- Node Canopy#6cc24a
- Semantic Rose#ff6492
- Input Pearl#fafafa
- Code Lavender#a393eb
創建於 07/12/2025 20:05
調色盤由 淺色, 深色 種顏色組成. 強調色 React Ocean #61dafb 和 Semantic Rose #ff6492. 調色盤有 暖色, 冷色, 中性色 色溫.
依亮度,此調色盤由 #2B2B2B(最深)到 #FAFAFA(最淺)。 亮度範圍較寬。
整體飽和度偏鮮明(彩度較高)——57% 的顏色偏鮮明。
部分顏色在色輪上大致相對,為調色盤帶來互補對比。
整體色溫偏冷(7 中有 3)。
HEX 代碼(排序):#2B2B2B, #61DAFB, #6CC24A, #A393EB, #F7DF1E, #FAFAFA, #FF6492
調色盤 React Component Flow System 具有 7 程式碼顏色的組合:
HEX: #f7df1e, RGB: (247, 223, 30); HEX: #61dafb, RGB: (97, 218, 251); HEX: #2b2b2b, RGB: (43, 43, 43)
HEX: #6cc24a, RGB: (108, 194, 74); HEX: #ff6492, RGB: (255, 100, 146); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #a393eb, RGB: (163, 147, 235)
調色板顏色的簡化版本
淺色調 金色, 暗色調 天藍色, 淺色調 黑色, 淺色調 檸檬綠, 淺色調 淡紫羅蘭紅, 淺色調 白煙色, 淺色調 中紫色
配色方案是由 raccoon
調色盤中的顏色代碼
React Component Flow System 表中顏色代碼 HEX、RGB 訊息
| 顏色 | HEX | RGB | 名稱 | 備用名稱 |
|---|---|---|---|---|
| #f7df1e | #f7df1e | RGB(247, 223, 30) | JS Yellow | — |
| #61dafb | #61dafb | RGB(97, 218, 251) | React Ocean | — |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Framework Slate | Shoe Wax |
| #6cc24a | #6cc24a | RGB(108, 194, 74) | Node Canopy | — |
| #ff6492 | #ff6492 | RGB(255, 100, 146) | Semantic Rose | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Input Pearl | Dr. White |
| #a393eb | #a393eb | RGB(163, 147, 235) | Code Lavender | — |
色彩調色板對比度
11 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比度 |
|---|---|---|
#f7df1e | #61dafb | 1.2 |
#f7df1e | #6cc24a | 1.64 |
#f7df1e | #fafafa | 1.29 |
#f7df1e | #a393eb | 1.95 |
#61dafb | #6cc24a | 1.36 |
#61dafb | #ff6492 | 1.72 |
圖像調色板 React Component Flow System png
匯出調色盤
下載 "React Component Flow System" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
