選擇網頁安全色彩

上次更新時間 2025年12月2日

使用 Adobe「檢色器」或「顏色」面板設定網頁安全色彩。

選取網頁安全色彩可確保在不同瀏覽器和系統之間的顏色顯示一致。Adobe Photoshop 可透過 Adobe「檢色器」或「顏色」面板輕鬆達成此目標。

網頁安全色彩是一組 216 種共用瀏覽器顏色,可在僅有 256 種顏色的顯示器上一致地顯示。使用這些顏色有助於避免混色,並可確保作品在不同系統之間看來相同。

在 Adobe「檢色器」中選取網頁安全色彩

在工具箱中選取「設定前景顏色」或「設定背景顏色」,以開啟「檢色器」。 

選取「檢色器」左下角的「僅網頁色彩」選項。開啟這個選項時,您選取的任何顏色都會限制在網頁安全色盤內。

如果您在未選取「僅網頁色彩」時選取非網頁色彩,則在顏色矩形旁會出現「警告:非網頁安全色彩 圖示

Adobe 的「檢色器」視窗強調顯示非網頁安全色彩的警告圖示。
警告:非網頁安全色彩

選取警告立方體,即可切換至最接近的網頁安全色彩。

使用「顏色」面板選取網頁安全色彩

選取「顏色」面板標籤,或選取「視窗 > 顏色」。

從「顏色」面板選單中,選取下列其中一項:

  • 製作網頁安全色彩曲線圖 - 您選取的任何顏色都是網頁安全色彩。
  • 網頁色彩滑桿 - 滑桿會貼齊網頁安全色彩,且刻度標記會顯示網頁安全點。
    • 若要覆寫貼齊,請按住 Alt 鍵 (Windows) 或 Option 鍵 (macOS) 並拖曳滑桿。

如果選取非網頁色彩,則「顏色」面板的顏色曲線圖旁就會出現警告立方體。

選取警告立方體,即可切換至最接近的網頁安全色彩。