Color Palette：設計師必備的 HTML5 色彩檢視器與選色工具

Color Palette 是一個專為設計師、網頁開發者提供的 HTML5 色彩檢視器，由 Tobias Madsen 建立，主要功能是展示各種預設原生的 HTML 顏色，除了能夠讓愛好者更深入了解相關顏色，也能做為更直觀的色彩選色器。目前網站已經收錄 141 種原生 HTML 顏色中的 79 種，並在持續更新更多顏色和樣式。

不同於一般的色彩工具，Color Palette 將原生 HTML 顏色實體化，以真實的物品來顯示顏色，看起來很有質感，也能進行一些細部微調。此外，還可以顯示每個顏色的色碼資訊，包括顏色名稱、HEX 和 RGB 數值，將顏色快速套用到設計或是網頁使用。

什麼是原生 HTML 顏色？

原生的 HTML 顏色指的是 HTML/CSS 中預先定義的顏色名稱，這些顏色名稱可以直接在 HTML 或是 CSS 程式碼中使用，無需指定具體的色碼（例如 HEX 或 RGB 色碼數值），而色彩名稱更容易被記住，開發時就能更直覺地使用相關顏色。

例如以下名稱對應的就是一些常見顏色：

• red（紅色）
• blue（藍色）
• green（綠色）
• black（黑色）

或是一些更具有描述性的顏色：

• darkslateblue （深板岩藍色）
• paleturquoise （淡綠松石色）
• firebrick（耐火磚）

使用教學

操作步驟

開啟網站並熟悉快捷鍵。

開啟 Color Palette 網站後下方會顯示小技巧，例如按下 R 按鍵會隨機顯示顏色，也可使用鍵盤方向鍵左右來進行導航、切換不同的顏色。

使用 Select Color 功能。

點選中間下方的「Select Color」選擇顏色，原生 HTML 顏色共有 141 個，目前網站收錄 79 個，點選就會套用、顯示於網頁中間（Color Palette 將顏色名稱搭配上實體物品看起來很不一樣）。

顯示顏色詳細資訊。

點選右上角「Show color details」後會顯示該色彩的名稱、HEX 和 RGB 色碼。

調整顯示設定。

從右上角的設定選項還能切換各種色彩選項，例如是否以真實顏色顯示於背景、顯示背景、顯示使用者操作介面、主要圖片尺寸大小和背景圖片數量等等。