要实现一行代码让整个网站变为黑白配色，可以使用CSS的滤镜功能，具体代码如下：
html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
这行代*会码**将整个网站的元素变为黑白色调，因为我们将CSS的滤镜属性设置为grayscale(100%)，意思是将所有颜色转化为灰度，并且将其饱和度设置为0。
如果你想让网站的黑白效果更加突出，可以添加一些额外的CSS代码，例如：
body {
transition: all 0.5s ease-in-out;
}
html:hover {
filter: none;
}
这段代*会码**在鼠标悬浮在网站上时，恢复网站原本的颜色。同时，我们还添加了一个过渡效果，让网站变为黑白色调时更加平滑。
若 filter 属性的值不是 none，会给「绝对和固定定位的后代」创建一个 containing block，除非 filter 对应的元素是「当前浏览上下文中的文档根元素」（即<html>） 。
因此，兼容性最好的方法是把 filter 样式加到 <html> 上。这样不会影响「绝对和固定定位的后代」。
总之，通过CSS的滤镜功能，我们可以很容易地实现一行代码将整个网站变为黑白色调。