工具程式 · 顏色選擇器

Mac 顏色選擇器

選取螢幕上任何像素,並將其顏色拷貝為 HEX、RGB、HSL 或程式碼。

在你的 Mac 上執行
OneMacTools 中的「顏色選擇器」在 Mac 上執行,附範例檔案和選項

在 Mac 上使用「顏色選擇器」

OneMacTools 中的「顏色選擇器」,已載入範例檔案並開啟選項面板
「顏色選擇器」搭配範例檔案和選項

App 的截圖,使用範例檔案。

如何使用「顏色選擇器」

  1. 1

    選擇格式

    選擇顏色的拷貝格式:HEX、RGB、HSL、CSS rgb() 或 SwiftUI。

  2. 2

    按一下「選取顏色」

    會出現放大鏡,讓你看清每個像素。你也可以從 OneMacTools 選單列圖示啟動。

  3. 3

    點按顏色

    點按任何螢幕上的任何像素。按 Esc 鍵取消。

  4. 4

    貼上

    顏色會以你選擇的格式拷貝到剪貼板,視窗會顯示色塊和拷貝的內容。

「顏色選擇器」的功能

按一下「選取顏色」,然後按一下螢幕上的任何位置。顏色會以你選擇的格式拷貝,可直接貼到 CSS、設計工具或 SwiftUI 中。

適合用於

  • 從網站取得品牌顏色
  • 檢查設計模型中的確切顏色
  • 將顏色拷貝到 CSS

選項說明

拷貝為
HEX(#1A73E8)、RGB(26, 115, 232)、HSL(hsl(214, 82%, 51%))、CSS rgb()(rgb(26 115 232))或 SwiftUI(Color(red: 0.102, green: 0.451, blue: 0.910))。請依你要貼上的位置選擇。

最佳做法

  • 大多數設計工具和 CSS 請使用 HEX,這是最短也最普遍接受的格式。
  • 如果打算製作較淺或較深的色調,請選擇 HSL,因為你可以只更改亮度值。
  • 從純色區域挑選,遠離邊緣和文字,以免選到混色的像素。
  • 從截圖或原始影像中挑選顏色,而不要從壓縮過的影片中挑選,因為影片的顏色會略有偏移。
  • 想一次取得影像中的所有主要顏色嗎?「調色盤」可以一次全部取出。

搭配使用

輸入
任何螢幕上的任何像素。
輸出
顏色會以文字形式放在剪貼板上,視窗中也會顯示色塊。
  • 顏色以 sRGB 色彩空間表示,這是網頁和大多數 App 的標準。
  • 也可以從選單列圖示使用,或在「捷徑」中使用名為「從螢幕選取顏色」的動作。

關於「顏色選擇器」的問題

如何找出 Mac 螢幕上某個顏色的 HEX 色碼?

將「拷貝為」設為 HEX,按一下「選取顏色」,再按一下要取的顏色。HEX 色碼(例如 #1A73E8)就會拷貝到剪貼板。

如何在 Mac 上從網站選取顏色?

打開頁面,按一下「挑選顏色」,再按一下頁面上的顏色。適用於任何 App 或視窗,不限瀏覽器。

可以將顏色拷貝為 RGB 或 HSL 嗎?

可以。選取前,在「拷貝為」中選擇 RGB、HSL 或 CSS rgb()。RGB 會提供三個 0 到 255 的數字;HSL 則提供色相、飽和度和亮度。

如何從螢幕取得 SwiftUI 顏色?

在「拷貝為」中選擇 SwiftUI。你會得到一行可直接貼上的 Color(red:green:blue:),數值範圍為 0 到 1。

不開啟 App 也能選取顏色嗎?

可以。按一下 OneMacTools 選單列圖示,然後選擇「顏色選擇器」。它會使用你上次選擇的格式。

為什麼選取的顏色和設計檔略有不同?

顏色會轉換為 sRGB,而螢幕上的影像和影片可能已經過壓縮或色彩管理。若需要精確的數值,請從原始檔案取色,或在設計工具中確認。

「顏色選擇器」會上傳我的檔案嗎?

不會。「顏色選擇器」完全在你的 Mac 上執行,檔案絕不會離開你的 Mac,也能離線使用。

「顏色選擇器」會更改我的原始檔案嗎?

不會。結果會另存為新檔案,放在「下載項目 › OneMacTools」中以日期命名的資料夾;除非你開啟了另有說明的選項,否則原始檔案會完全保持原樣。

「顏色選擇器」需要什麼?

只需要一台搭載 macOS 26 或以上版本的 Mac。不需另外安裝任何東西。

「顏色選擇器」,還有另外 150 款。
一個 App。一個價格。

全部 151 個工具。免費下載,一次付費購買授權,永久擁有。