当我们想要更改网页的外观时，通常会使用CSS来修改其样式。然而，某些情况下，我们想更改页面的外观，但同时又不想改变其颜色。下面我们就讲一下如何实现这一点。

首先，我们需要了解CSS中的hsla()和rgba()函数。这两个函数可以实现颜色的透明度和混合。其中，hsla()函数可以设置颜色的色调、饱和度、亮度和透明度，而rgba()函数则是设置红、绿、蓝三原色和透明度。

/*hsla()*/
background-color: hsla(0, 100%, 50%, 0.5);
/*rgba()*/
background-color: rgba(255, 0, 0, 0.5);

接下来，我们可以利用这些函数来实现外观颜色不变的效果。例如，我们可以将页面元素背景色设为半透明的黑色，实现一种“昏暗”的效果：

body {
background-color: rgba(0, 0, 0, 0.5);
}
/*或者*/
body {
background-color: hsla(0, 0%, 0%, 0.5);
}

这样一来，页面所有元素的颜色都不受影响，但整个页面却呈现出一种“昏暗”的效果，给人一种柔和的感觉。

总的来说，使用hsla()和rgba()函数可以方便快速地实现页面外观的修改，同时还能保持颜色不变的效果。希望这篇文章对大家有所帮助。