您需要使用offsetTop來獲取元素與頂部的距離，以檢測滾動是否在兩個元素之間。 const nav = document.querySelector('#logo');const back1 = document.querySelector('.background1');const back2 = document.querySelector('.background2');nav.className = 'blend'window.onscroll = () => { if(back1.offsetTop+back1.offsetHeight < this.scrollY && this.scrollY < back2.offsetTop) nav.className = 'color'; else nav.className = 'blend';}; *{ padding: 0; margin: 0; height: 200vh;}.background1{ background-color: black; height: 100%; width: 100%; position: absolute; top: 0;}.background2{ background-color: black; height: 100%; width: 10

你問題中的問題都在正則表達式中。如果只想用該顏色替換字符串中的十六進制顏色值，則可以刪除第二個匹配組(\s*[\w,]+\s*)。 剩下的就是：/(#[0-9a-f]{6})/gi。然而值得注意的是，一個有效的十六進制顏色代碼可以有3個、6個或8個字符，所以你可能也需要考慮到這一點。下面的示例向您展示了如何做到這一點： const hexPattern = /(#[0-9a-f]{8}|#[0-9a-f]{6}|#[0-9a-f]{3})/gilet parseColors = str => str.replace(hexPattern, (s, match) => `<span style="color:${match}">${match}</span>`);$('div').html((i, t) => parseColors(t)); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script><div>Some 3 character hex values: #C00 and #937</div><div>Some 6 character hex value

從類繼承的樣式不能通過單個樣式屬性訪問。不過，您可以使用getComputedStyle，盡管我實際上只是將這些顏色存儲在變量中。但是為了展示getComputedStyle能做什么，這里有一個改編的腳本： let areas = document.querySelectorAll(".area");function rotate(dir=1) { // Fetch colors let colors = Array.from(areas, area => getComputedStyle(area).backgroundColor); // Rotate them if (dir == 1) colors.push(colors.shift()); else colors.unshift(colors.pop()); // Assign them back areas.forEach(area => area.style.backgroundColor = colors.shift());} div { height: 50px;}#one { width: 100%; background-color: #f00;}#two { width: 50%; background-color: #0f0; float: left;}#three { width: 50%;

你可以用 .myclass { color: "inherit"; background-color: currentColor;}

This line document.body.style.backgroundColor = "#"+A+B+C+D+E+F; {968你應該進去 I.e. setInterval(function() { A = a[Math.floor(Math.random()*a.length)]; B = b[Math.floor(Math.random()*b.length)]; C = c[Math.floor(Math.random()*c.length)]; D = d[Math.floor(Math.random()*d.length)]; E = e[Math.floor(Math.random()*e.length)]; F = f[Math.floor(Math.random()*f.length)]; document.body.style.backgroundColor = "#"+A+B+C+D+E+F;},1000);

您可以嘗試下一個解決方案： 安裝包rcolorutils 你可以找出哪些顏色與你的，f.e.：nearRcolor("dodgerblue", "rgb", dist = 75) #dist - depth of search相近 An output: 0.0 19.8 48.4 49.4 53.0 "dodgerblue" "dodgerblue2" "deepskyblue2" "royalblue1" "royalblue2" 55.8 57.6 59.2 60.4 70.1 "deepskyblue" "dodgerblue3" "deepskyblue3" "royalblue" "steelblue2" 70.1 72.4 75.4 78.8 79.8 "steelblue3" "cornflowerblue" "royalblue3" 讓我們看看我們的顏色：nearRcolor("dodgerblue", "rgb", dist = 75) %>% plotCol(nrow = 2)

你在找這樣的東西嗎？我做對了嗎？https://ej2.syncfusion.com/aspnetcore/ColorPicker/defaultfunctionaties#/material

您將要使用Rich Text。對于您的示例，您希望使用<color>標記。下面是它的樣子 string text = "Here is default text with brown <color=#4186F>Blue text here</color>" 在同一個文本字段中，您可以使用這些tags更改文本的其他部分，因此請務必讀入鏈接。

嘗試將散點圖重組為： cmap = mpl.cm.hotfor ... sc = ax.scatter(df.bv[i], df.ron[i], marker='<', edgecolors='black', alpha=0.8, s=100, c=df.fom[i], norm=norm, cmap=cmap) ....fig.colorbar(sc) # without the norm and cmap and call outside the loop

您可以只使用%操作符，這樣它將重復返回remainder。因此，如果余數相同，則顏色也將相同。 Live Demo   const handleColor = (index) => colorsList[index % colorsList.length];

只需選擇文本的顏色，將alpha設置為0.5f。

下面是兩個更改顏色貼圖的示例。左側顯示原始版本。在中間，使用60%的較低顏色。在右側，接近紫色的顏色采樣較多，頂部的顏色采樣較少。 import matplotlib.pyplot as pltfrom matplotlib.colors import ListedColormapimport numpy as npnp.random.seed(19680801)data = np.random.random((100, 100))fig, axs = plt.subplots(ncols=3, figsize=(15, 5))for ax in axs.flat: if ax == axs[0]: cmap = plt.cm.BuPu_r ax.set_title('"BuPu_r" color map') elif ax == axs[1]: cmap = ListedColormap(plt.cm.BuPu_r(np.linspace(0, 0.6, 256))) ax.set_title('60% lower subset of the color map') else: cmap = ListedColormap(plt.cm.BuPu_r(np.linspace(0, 1, 256) ** 2)) ax.set_title('expanding lower part a

要在.should()內使用chai-colors，需要傳入顏色代碼本身（而不是元素） import chaiColors from 'chai-colors'chai.use(chaiColors)cy.visit(...)cy.get(selector) .then($el => $el.css('color')) // get color value .should('be.colored', '#000000') 但請注意，這是失敗的 import chaiColors from 'chai-colors'chai.use(chaiColors)cy.visit(...)cy.get(selector) .then($el => $el.css('backgroundcolor')) // get color value .should('be.colored', '#000000') 預計#000000與#000000顏色相同 因為$el.css('backgroundcolor')返回rgba()，而不是rgb()。 最好導入chai-colors內部使用的onecolor。 然后以任何方式使用轉換器（再加上文檔更好）。 import color from 'onecolor'cy.visit(...)cy.get(selector) .then($el =

調用matshow時使用的默認顏色映射是viridis。如果在matshow中使用反向viridis顏色映射（viridis_r），將自動獲得反向顏色欄。見下文： import matplotlib.pyplot as pltimport numpy as npfig=plt.figure(figsize=(10,5))c=np.random.choice(10,size=(10,10))#Not reversedax1=plt.subplot(121)ax1.set_title('Not reversed')dat1=ax1.matshow(c)cb1=plt.colorbar(dat1)#reversedax2=plt.subplot(122)ax2.set_title('Reversed')dat2=ax2.matshow(c,cmap='viridis_r')cb2=plt.colorbar(dat2)plt.show() 見下面的結果：

tab20c顏色欄只有20種顏色，比您的類別數量少。不過，您可以做的一件事是將多個顏色貼圖連接在一起，并將其用于繪圖。我使用了這種方法，并將其應用于您的情況。您可以在下面找到代碼： import matplotlib.pyplot as pltimport numpy as npfrom matplotlib.colors import ListedColormap, BoundaryNormfig=plt.figure(figsize=(15,12))list_male_attendance=[131, 98, 265, 144, 168, 42, 193, 0, 144, 1072, 0, 178, 86, 201, 344, 65, 187, 99, 64, 108, 71, 87, 48, 175, 192, 16, 25, 418, 55, 41, 146, 20, 126, 24, 151, 144, 125, 97, 99, 60, 40, 36, 38, 32, 9, 20]list_female_attendance=[70, 98, 257, 144, 168, 40, 96, 96, 90, 969, 105, 178, 86, 192, 264, 65, 102, 98, 64, 107, 72, 86, 48, 175, 192, 16, 25, 361,