HTML5的Canvas是一個強大的圖形庫，它使得網頁上可交互的動態圖像成為可能。其中顏色代碼是非常重要的一環，因為它們決定了一個Canvas繪制出來的圖像的外觀。

我們可以使用預定義的顏色字符串或者RGB值來定義顏色。下面是一些預定義的顏色字符串：

黑色：#000000或者black
白色：#FFFFFF或者white
紅色：#FF0000或者red
綠色：#00FF00或者lime
藍色：#0000FF或者blue
黃色：#FFFF00或者yellow
品紅色：#FF00FF或者fuchsia
青色：#00FFFF或者aqua
灰色：#808080或者gray

除了預定義的顏色字符串，我們也可以使用RGB值來定義顏色。RGB值包含紅、綠、藍三個顏色分量，通過指定每個分量的值（0~255）來定義顏色。下面是一個使用RGB值來定義顏色的例子：

ctx.fillStyle = "rgb(255, 255, 0)"; //使用黃色作為填充顏色
ctx.fillRect(0, 0, canvas.width, canvas.height); //用黃色填充整個Canvas

除此之外，我們還可以使用RGBA值來定義顏色。與RGB值不同的是，RGBA值包含了一個額外的透明度分量（0~1），用來控制顏色的透明程度。下面是一個使用RGBA值來定義顏色的例子：

ctx.fillStyle = "rgba(255, 0, 0, 0.5)"; //使用半透明紅色作為填充顏色
ctx.fillRect(0, 0, canvas.width, canvas.height / 2); //用半透明紅色填充Canvas的上半部分

在Canvas中使用顏色代碼是非常簡單的，我們只需要將顏色字符串或者RGB/RGBA值賦值給相應的屬性即可。通過靈活運用顏色代碼，我們可以創建各種各樣的圖像效果，為網頁增色不少。