Web:Bit 顏色

透過改變網頁中元素的顏色，或指定實際 Web:Bit 開發板全彩 LED 矩陣的燈光顏色，藉由五顏六色的趣味變化，就能做出許多絢麗奪目的效果。

顏色積木清單

陣列積木包含指定顏色、隨機顏色、RGB 三原色、混合顏色...等四種常用顏色積木。

指定顏色

「指定顏色」積木可以讓我們透過色彩選取面板，選擇對應的顏色。

如果我們指定小怪獸互動舞台的背景為紅色，執行後舞台背景就會變成紅色。

隨機顏色

「隨機顏色」會在每次執行時，隨機從各種顏色中取出一種顏色顯示。

如果搭配重複迴圈，執行後，就能看到小怪獸舞台背景的顏色不斷隨機變化。

RGB 三原色

「RGB 三原色」積木能夠指定網頁中三原色的數值，直接透過數值來呈現不同的顏色。

三原色表示 R 紅色、G 綠色、B 藍色，三種顏色分別有 256 種從暗到亮的變化，透過三種顏色的混合，就能產生一千六百多萬種的顏色。( 但人的眼睛無法分辨這麼多種顏色 )

因為顏色有 256 種，對應的數值就是 0 ~ 255，0 是最暗，255 是最亮，輸入對應的數值就能產生對應的顏色，舉例來說紅色 255 搭配綠色 255 就會是黃色。

網頁的三原色為「色光」，紅色 + 綠色 = 黃色，綠色 + 藍色 = 青色，紅色 + 藍色 = 紫色。

搭配重複迴圈，就能夠做出紅色到黃色的顏色轉換效果。

混合顏色

「混合顏色」積木是指兩種顏色積木按照比例混合產生新的顏色，比例為 0~1 之間的數值，數字越小顏色越接近顏色 1，數字越大顏色越接近顏色 2。

如果把顏色 1 設定為紅色，顏色 2 設定為藍色，比例 0.2 的混合顏色就是偏紅色的紫色。

搭配重複迴圈，就能夠做出從紅色到藍色的顏色轉換效果

聯絡我們

如果對於 Webduino 產品有興趣，歡迎透過下列方式購買：

個人線上購買：https://store.webduino.io/ ( 支援信用卡、超商取貨付款 )
企業＆學校採購：來信 service@webduino.io 或來電 07-3388511。

如果對於這篇教學有任何問題或建議，歡迎透過下列方式聯繫我們：

Email：service@webduino.io
Facebook 粉絲團：https://www.facebook.com/webduino/
Facebook 技術討論社團：https://www.facebook.com/groups/webduino/