CSS（Cascading Style Sheets）是一種用于設計網頁樣式的語言。在設計網頁的過程中，往往需要從別的網頁、圖片或設計稿中提取顏色代碼，然后再應用于自己的網頁中。下面就介紹幾種方法來提取顏色代碼。

.color-example{
background-color:#6f42c1;
color:#fff;
}

方法一：使用Photoshop

Photoshop 是一款強大的設計軟件，既可完成圖片的處理，也可以用于網頁設計工作。在使用Photoshop時，選中需要提取顏色代碼的部分，然后按下Alt + 鼠標左鍵即可顯示出當前的顏色代碼。

方法二：使用Chrome瀏覽器

在Chrome瀏覽器中，可以使用檢查工具（開發者工具）來提取顏色代碼。首先打開需要提取的網頁，在需要提取的顏色代碼區域右鍵 - 選擇"檢查"。在檢查工具中，選中需要提取的部分，便可以看到對應的顏色代碼。

.color-example{
background-color:#6f42c1;
color:#fff;
}

方法三：使用在線顏色工具

網上有很多在線顏色工具可以快速提取顏色代碼，如ColorZilla和HTML CSS Color。只需將需要提取的顏色復制到工具中，即可獲得顏色代碼。

.color-example{
background-color:#6f42c1;
color:#fff;
}

總之，無論使用哪種方法提取顏色代碼，都需要注意選取合適的顏色。選擇合適的顏色可以為整個網頁增添不少美感。