創建於 06/09/2025 17:10
Next-Gen React UI Palette
Component Cyan
#00bcd4
Hook Pink
#e91e63
JSX Lavender
#b39ddb
State Mint
#4db6ac
Context Charcoal
#37474f
Render White
#fafafa
Virtual DOM Gray
#b0bec5
調色盤由 光 種顏色組成. 強調色 Component Cyan #00bcd4 和 Hook Pink #e91e63. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 Next-Gen React UI Palette 具有 7 程式碼顏色的組合:
十六進位: #00bcd4, RGB: (0, 188, 212); 十六進位: #e91e63, RGB: (233, 30, 99); 十六進位: #b39ddb, RGB: (179, 157, 219)
十六進位: #4db6ac, RGB: (77, 182, 172); 十六進位: #37474f, RGB: (55, 71, 79); 十六進位: #fafafa, RGB: (250, 250, 250)
十六進位: #b0bec5, RGB: (176, 190, 197)
調色板顏色的簡化版本
色調 darkturquoise, 陰影 crimson, 色調 plum, 陰影 lightseagreen, 色調 darkslategrey, 陰影 whitesmoke, 色調 銀
配色方案是由 colorhunt
調色盤中的顏色代碼
Next-Gen React UI Palette 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Component Cyan | — |
| #e91e63 | #e91e63 | RGB(233, 30, 99) | Hook Pink | — |
| #b39ddb | #b39ddb | RGB(179, 157, 219) | JSX Lavender | — |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | State Mint | — |
| #37474f | #37474f | RGB(55, 71, 79) | Context Charcoal | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Render White | Dr. White |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Virtual DOM Gray | Ocean Drive |
色彩調色板對比度
10 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#00bcd4 | #e91e63 | 1.89 |
#00bcd4 | #b39ddb | 1.04 |
#00bcd4 | #4db6ac | 1.06 |
#00bcd4 | #b0bec5 | 1.2 |
#e91e63 | #b39ddb | 1.81 |
#e91e63 | #4db6ac | 1.78 |
