palette顏色選擇器
HEX#00FFFF
RGBrgb(0, 255, 255)
HSLhsl(180, 100%, 50%)
ℹ️ 說明

顏色選擇器是一個免費的線上工具,可輕鬆產生網頁設計和圖形工作所需的顏色代碼。 您可以複製 HEX、RGB 和 HSL 格式的顏色代碼,並使用吸管功能直接從螢幕上的任何位置擷取顏色。

調整色相、飽和度和亮度滑桿以精確選擇所需的顏色,並儲存常用顏色以便稍後調用。 當您需要用於網站設計、標誌製作、簡報、CSS 樣式和其他各種任務的顏色代碼時非常有用。

使用說明

顏色選擇器與轉換工具

顏色選擇器是設計師、開發人員和數位藝術家的多功能色彩實用工具。它有助於在直觀且響應迅速的單一介面中進行多種數位格式顏色的選擇、分析和轉換。HEX、RGB 和 HSL 之間的無縫同步彌合了設計與實現(CSS/程式碼)之間的差距。

色彩模型解說

  • HEX(十六進位): 網頁設計中最常見的格式(例如 #FF5733)。一個 3 位元組的十六進位代碼,代表紅色、綠色和藍色的強度。
  • RGB(紅、綠、藍): 數位螢幕使用的加色模型。每個通道範圍為 0-255。如果包含透明度,則稱為 RGBA。
  • HSL(色相、飽和度、亮度): 對人類來說更直觀的表示。色相是色輪上的角度(0-360),飽和度是強度(0-100%),亮度是明暗(0-100%)。非常適合以程式方式建立顏色變體(如懸停效果)。

以功能為重點的工作流程

  • 吸管(Eye Dropper):(如果在基於 Chromium 的瀏覽器上支援)允許您從螢幕上的任何像素採樣顏色。這可以在瀏覽器外部甚至其他應用程式中工作。
  • 即時轉換: 移動滑桿,所有文字輸入(HEX, RGB, HSL)都會立即更新。反之亦然,貼上 HEX 代碼,滑桿會跳至該位置。
  • 歷史記錄: 自動儲存最近使用的顏色,便於快速恢復之前的選擇。
grid_view
13:47
2025-12-28