HTML的盒子模型是Web設計中十分重要的一個概念，它決定了如何將內容定位并呈現在瀏覽器中。盒子模型可以通過填充顏色來更好地展示。

.box {
width: 200px;
height: 200px;
background-color: #f1f1f1;
border: 1px solid #ddd;
padding: 20px;
margin: 20px;
}

上述代碼是一個盒子模型的基本示例，其中包含了width（寬度）、height（高度）、background-color（背景顏色）、border（邊框）和padding（填充）屬性。在這個示例中，盒子的寬度和高度都是200px，背景色為#f1f1f1，邊框為1像素，填充為20像素。這些值可以根據需要進行更改。

一旦盒子的基本樣式被定義，就可以通過使用“background-color”屬性為盒子填充顏色。示例如下：

.box {
background-color: #ff0000;
}

在這個示例中，我們用紅色#ff0000來填充盒子的背景。其他可用的顏色可以在網絡上輕松地找到。

除了單一顏色外，還可以使用漸變顏色來填充盒子的背景。以下是一個示例：

.box {
background: linear-gradient(#ff0000, #0000ff);
}

在這個例子中，我們使用漸變色從紅色漸變到藍色。其他漸變色的效果也可以通過使用CSS生成器輕松地實現。

在進行Web設計時，了解如何填充HTML盒子模型的顏色至關重要。通過嘗試不同的顏色方案，可以創建各種吸引人的界面。