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
  21
創建於 07/12/2025 20:05
作者raccoon
調色盤由 淺色, 深色 種顏色組成. 強調色 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 SlateShoe Wax
#6cc24a #6cc24a RGB(108, 194, 74)Node Canopy—
#ff6492 #ff6492 RGB(255, 100, 146)Semantic Rose—
#fafafa #fafafa RGB(250, 250, 250)Input PearlDr. 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