Interactive Web Visualization Toolkit

  • Hover Lime
    #c7f9cc
  • Tooltip Yellow
    #ffeb3b
  • Axis Charcoal
    #3d3d3d
  • Gridline White
    #fafafa
  • Zoom Pink
    #ffadad
  • Data Blue
    #4d96ff
  6
創建於 07/14/2025 07:54
調色盤由 淺色, 半暗 種顏色組成. 強調色 Tooltip Yellow #ffeb3b 和 Data Blue #4d96ff. 調色盤有 冷色, 暖色, 中性色 色溫.

依亮度,此調色盤由 #3D3D3D(最深)到 #FAFAFA(最淺)。 亮度範圍較寬。

整體飽和度偏鮮明(彩度較高)——67% 的顏色偏鮮明。

部分顏色在色輪上大致相對,為調色盤帶來互補對比。

冷暖色票大致平衡(2 暖、2 冷)。

HEX 代碼(排序):#3D3D3D, #4D96FF, #C7F9CC, #FAFAFA, #FFADAD, #FFEB3B

調色盤 Interactive Web Visualization Toolkit 具有 6 程式碼顏色的組合:
HEX: #c7f9cc, RGB: (199, 249, 204); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #3d3d3d, RGB: (61, 61, 61)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #ffadad, RGB: (255, 173, 173); HEX: #4d96ff, RGB: (77, 150, 255)
調色板顏色的簡化版本
淺色調 碧綠色, 暗色調 黃色, 暗色調 暗岩灰色, 淺色調 白煙色, 暗色調 淺粉紅色, 暗色調 矢車菊藍
配色方案是由 colorscheme

調色盤中的顏色代碼

Interactive Web Visualization Toolkit 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#c7f9cc#c7f9ccRGB(199, 249, 204)Hover Lime—
#ffeb3b#ffeb3bRGB(255, 235, 59)Tooltip Yellow—
#3d3d3d#3d3d3dRGB(61, 61, 61)Axis CharcoalRaven Black
#fafafa#fafafaRGB(250, 250, 250)Gridline WhiteDr. White
#ffadad#ffadadRGB(255, 173, 173)Zoom Pink—
#4d96ff#4d96ffRGB(77, 150, 255)Data Blue—

色彩調色板對比度

7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#c7f9cc
#ffeb3b
1.03
#c7f9cc
#fafafa
1.12
#c7f9cc
#ffadad
1.5
#ffeb3b
#fafafa
1.16
#ffeb3b
#ffadad
1.45
#fafafa
#ffadad
1.7

圖像調色板 Interactive Web Visualization Toolkit png