HTML屏幕取色代碼是一種常用的工具，它能夠幫助我們輕松地獲取屏幕上任何一個像素的顏色值。這對于我們在前端開發和設計中調色非常有幫助。
下面是HTML屏幕取色代碼的示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML屏幕取色代碼</title>
<script>
function getPixelColor(x, y) {
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = 1;
canvas.height = 1;
ctx.drawImage(document.documentElement, x, y, 1, 1, 0, 0, 1, 1);
return ctx.getImageData(0, 0, 1, 1).data;
}
document.addEventListener("mousemove", function(e) {
var color = getPixelColor(e.clientX, e.clientY);
var hex = "#" + ("000000" + ((color[0]<< 16) | (color[1]<< 8) | color[2]).toString(16)).slice(-6);
document.body.style.backgroundColor = hex;
document.getElementById("color").textContent = hex;
});
</script>
</head>
<body>
<p>將鼠標移動到任何位置，本頁面背景色將變為此位置的顏色</p>
<p>當前鼠標位置的像素顏色值為：<span id="color"></span></p>
</body>
</html>以上代碼主要是通過監聽鼠標移動事件，在每個位置上獲取像素的顏色值，并將其應用于頁面樣式中。如要使用，只需將代碼復制到您的HTML文件中即可。