使用HTML代碼在文本框或列表中添加小圓點是常見的樣式之一，我們可以通過CSS來改變其顏色。這里，我們將在pre標簽中介紹關于HTML小圓點顏色代碼的使用。

<ul style="color: red;">
<li>Red circle</li>
</ul>
<ul style="color: green;">
<li>Green circle</li>
</ul>
<ul style="color: blue;">
<li>Blue circle</li>
</ul>

在以上代碼中，我們將<ul>標簽的顏色屬性值設置為不同的顏色代碼，分別為red、green和blue。這樣，每個<li>元素的小圓點都會繼承其所在的<ul>標簽的顏色。

我們也可以將CSS樣式表中的小圓點顏色屬性值設為固定值：

ul {
list-style: none;
}
li:before {
content: "\2022"; /* 添加小圓點 */
color: #ffcc00; /* 小圓點的顏色為黃色 */
display: inline-block;
width: 1em;
margin-left: -1em;
}

上述代碼中，我們使用偽元素：<li>:before來添加小圓點。我們設置了content屬性并使用十六進制代碼#ffcc00為color屬性來實現黃色小圓點。此外，我們還設置了寬度為1em并將maring-left設為-1em來保證小圓點出現在每個列表項的最前面。

總的來說，在CSS中設置HTML小圓點顏色代碼非常簡單，可以通過<ul></ul>標簽的顏色屬性來實現，也可以通過CSS樣式表的li:before偽元素來添加小圓點并設置其顏色屬性，如此靈活有趣的設計技巧，讓頁面開發更加有趣，且更加個性化。