HTML中點擊顏色改變顏色是網頁設計中常用的一個交互效果，它可以讓用戶在點擊頁面中某個元素時，其背景顏色、字體顏色等發生變化，從而提高網頁的美觀性和用戶體驗。
為了實現這一效果，我們通常需要使用JavaScript來編寫相應的代碼。下面是一個示例代碼，可以用于在HTML頁面中實現點擊顏色變化的交互效果：
<html>
<head>
<title>點擊顏色變化</title>
<script>
function changeColor() {
document.body.style.backgroundColor = "red";
document.body.style.color = "white";
}
</script>
</head>
<body>
<h1>這是一個標題</h1>
<p>歡迎來到我的網站！</p>
<button onclick="changeColor()">點擊變色</button>
</body>
</html>這段代碼中，我們首先定義了一個名為“changeColor”的JavaScript函數，它的作用是將頁面背景顏色設置為紅色，字體顏色設置為白色。接著，在HTML頁面中添加了一個按鈕元素，并通過“onclick”屬性將該按鈕綁定到“changeColor”函數，表示當用戶點擊該按鈕時，將執行該函數，從而實現頁面顏色的變化。