網頁設計中，美觀的顏色搭配是非常重要的。CSS是控制網頁樣式的重要技術，通過引入外部的顏色文件，我們可以實現對網頁中顏色的統一管理。

/*color.css*/
:root {
--primary-color: #1877f2;
--secondary-color: #14171A;
--text-color: #333333;
}
body {
background-color: var(--secondary-color);
color: var(--text-color);
}
a {
color: var(--primary-color);
}

如上所示，我們定義了三個顏色變量，分別是主要顏色、次要顏色和文本顏色。在使用時，我們只需要在需要調用顏色的部分使用var()函數即可。

/*index.html*/
外部導入顏色實例
這是一個使用外部導入顏色的實例。
點擊我這是一個鏈接

如上所示，我們通過在head標簽中引入color.css文件，來實現對網頁中顏色的統一調用。可以看到，在button和a標簽中我們都使用了var()函數來調用不同的顏色變量，從而實現了統一管理。

使用CSS導入外部顏色文件不僅能夠輕松實現顏色的統一管理，還能夠減少代碼的重復分布，提高代碼的可維護性和可讀性。