HTML中點擊單元格變顏色的代碼如下：

<table>
<tr>
<td onclick="this.style.backgroundColor='red'">單元格1</td>
<td onclick="this.style.backgroundColor='green'">單元格2</td>
</tr>
</table>

解釋：

在HTML中，我們可以使用onclick來實現點擊事件。在這里，使用onclick給單元格添加了點擊事件，當單元格被點擊時，運行JS代碼來修改單元格背景色。

在以上代碼中，當單元格1被點擊時，它的背景色會變為紅色；當單元格2被點擊時，它的背景色會變為綠色。

我們也可以將代碼放到CSS樣式表中：

td:hover {
background-color: yellow;
}

解釋：

在CSS中，可以使用:hover偽類來實現鼠標懸停事件。在這里，使用:hover偽類為所有單元格添加了懸停事件。當鼠標懸停在單元格上時，單元格的背景色會變為黃色。

以上是在HTML中實現點擊單元格變顏色的簡單方法，我們也可以通過JS代碼實現更復雜的交互效果。