顏色自相似性是一種css技術，它可以讓網頁中的顏色呈現出更加統一的效果，幫助網頁設計師更好地實現自己的設計思路。

顏色自相似性的原理是，將顏色值分解成紅、綠、藍三個分量，然后對分量進行運算，得到新的顏色值。由于原色和新色的分量比例相同，因此新顏色與原顏色相似，仍然可以保持樣式的一致性。

// 以 #36c 為例，將其分解成紅、綠、藍三個分量
$red: 51;
$green: 102;
$blue: 204;
// 進行運算，得到新的顏色值
$lighter: rgb($red + 30, $green + 30, $blue + 30);
$darker: rgb($red - 30, $green - 30, $blue - 30);
// 使用新的顏色值實現樣式
background-color: #36c;
box-shadow: 0px 0px 10px $lighter;
border-bottom: 1px solid $darker;

顏色自相似性不僅可以應用于單一顏色值上，還可以應用于顏色變量和漸變色值。在實現網頁顏色搭配方案時，我們可以根據顏色自相似性的原理，將顏色按照一定比例進行調整，使得整個網頁呈現出更加統一的效果。

不過，需要注意的是，過度使用顏色自相似性可能會導致網頁呈現出過于單調的效果。因此，在實踐中，我們需要根據具體情況進行選擇。