HTML5可以使用canvas元素來繪制彩色線條。下面是一個簡單的例子：

<canvas id="myCanvas" width="200" height="200"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(200, 100);
ctx.strokeStyle = "rgb(255, 0, 0)";
ctx.stroke();
</script>

在這個例子中，我們首先創建一個200x200的canvas元素，并獲取它的context對象。然后，我們使用beginPath()方法開始新的路徑，并使用moveTo()方法將繪制起點設置為(0, 0)。接著，我們使用lineTo()方法將繪制終點設置為(200, 100)，并且設置線條顏色為紅色。最后，我們使用stroke()方法來繪制線條。

除了使用rgb值來設置顏色，還可以使用以下方式設置顏色：

• 十六進制值：#RRGGBB
• rgba值：rgba(R, G, B, A)
• hsl值：hsl(H, S%, L%)
• hsla值：hsla(H, S%, L%, A)

使用canvas繪圖可以實現各種效果，比如繪制曲線、填充顏色等等。如果想要深入學習canvas繪圖，可以查閱相關資料。