要在 HTML 中使用 CSS3 实现炫彩图案背景效果，可以使用 CSS3 的渐变（gradient）属性。具体实现方法如下：
.background {
background: linear-gradient(to right, #ff00ff, #00ffff);
}其中，.background 为需要应用背景效果的元素的类名，linear-gradient() 为应用渐变的函数，to right 表示渐变方向为从左到右，#ff00ff 和 #00ffff 是两个颜色值，表示渐变的起始和结束颜色。
repeating-linear-gradient() 函数来实现重复的渐变效果，比如：.background {
background: repeating-linear-gradient(
to right,
#ff00ff,
#00ffff 20%,
#00ff00 20%,
#00ff00 40%
);
}其中，repeating-linear-gradient() 函数与 linear-gradient() 函数类似，但可以实现重复的渐变效果。上面的代码中，#ff00ff 和 #00ffff 仍然是起始和结束颜色，但接下来的两个颜色值 #00ff00 分别出现在 20% 和 40% 的位置，表示这两个颜色将在渐变过程中重复出现。
background-image 属性，结合图片和渐变等多种效果来实现。需要注意的是，CSS3 的渐变属性在一些老旧的浏览器中可能不被支持，需要使用浏览器厂商前缀来实现兼容性。比如：
.background {
background: -webkit-linear-gradient(left, #ff00ff, #00ffff);
background: -moz-linear-gradient(left, #ff00ff, #00ffff);
background: -o-linear-gradient(left, #ff00ff, #00ffff);
background: linear-gradient(to right, #ff00ff, #00ffff);
}其中，-webkit-、-moz- 和 -o- 分别为 Chrome、Firefox 和 Opera 浏览器的前缀。