MAC 顏色工作台

Weeko Color

從螢幕取色,到設計與程式碼。

精確讀取螢幕像素,轉換為 22 種開發格式,產生色階與配色,並在同一個 macOS 工作區中檢查 WCAG 對比度。

取色、格式轉換與對比度分析都在這台 Mac 上完成。
精確螢幕取色22 種輸出格式10 級明度色階WCAG 對比度檢查
22種設計與開發格式
10級帶標記明度色階
4組自動配色方案
本機預設完成顏色處理

取色、塑造、交付

從任意像素,直接走到可用的顏色決策

Weeko Color 把擷取、轉換、配色與無障礙檢查串成一條連續工作流程。
  1. 讀取螢幕像素

    在一個或多個顯示器上使用即時放大鏡,按一下完成取色,或按 Esc 取消。

  2. 產生並驗證

    建立色階與配色方案,或依 WCAG 標準檢查文字色和背景色。

  3. 複製或保留

    複製選定的開發格式、收藏常用顏色,或將本機顏色庫匯出為 JSON。

一個顏色,多種目標

為常用設計與開發工具準備的 22 種格式

選擇預設複製格式並即時預覽結果;最近顏色、收藏、產生配色和分析結果共用同一套輸出方式。
Web / CSS

CSS HexRGBAHSLADisplay P3LabOKLCH

Android / Flutter

Android XMLJetpack Compose ColorFlutter Color

Apple

SwiftUI ColorUIColorNSColor

HarmonyOS

ArkUI ColorArkUI Hex

Python

Python TuplePython String

其他執行環境

Java Color.NET ARGBOpenGL RGBUnity ColorRaw RGBRaw Float

複製前即可看到 Alpha 百分比、透明棋盤格與 Display P3 色彩空間標記。

螢幕取色與格式

讀準目標像素,再複製需要的顏色值

即時放大鏡、清楚像素網格、多顯示器支援,以及保留的 sRGB 或 Display P3 資訊,讓取色不再依賴估算。

即時像素放大鏡

同時查看清楚網格、HEX 和 RGB,並以滾輪或觸控板手勢調整倍率。

個人化取色器

選擇三種形狀、三種尺寸、六段初始縮放與四段取樣品質。

感知色彩空間

保留 sRGB 與 Display P3,並依顏色明暗自動切換文字與指示框。

帶著上下文複製

複製前預覽開發格式、Alpha、透明棋盤格與 P3 標記。

01

為真實顯示環境設計

浮層可跟隨指標跨越多個顯示器,並在任意倍率保持像素清晰。

放大鏡與網格

同時查看即時像素、HEX 與 RGB。

快速控制

按一下完成、Esc 取消,並用滾輪或觸控板調整倍率。

自動明暗適配

文字與指示框會依顏色亮度切換。

保留色彩空間

結果保留 sRGB 或 Display P3 資訊。

02

符合你的工作方式

形狀、尺寸、縮放、品質、提示音與浮動詳情皆可調整。

三種形狀與尺寸

圓形、矩形、圓角矩形,以及小、中、大。

六段縮放與四段品質

保存適合目前顯示器的預設值。

歷史記錄選擇

保存 20、50 或 100 個,或暫停新增且保留既有顏色。

Alpha 與 P3

複製前顯示透明度、棋盤格與 P3 標記。

配色工具

從一個基礎色,建立完整且可解釋的顏色系統

產生 10 級明度色階、6 個飽和度變化與 4 組實用配色,同時保留基礎色與使用情境。

10 級明度矩陣

產生 50 至 900 級 HEX,並提供背景、分隔線、文字與品牌色用途建議。

6 個色調變化

保留基礎色相,從柔和低飽和色逐步變化到強烈強調色。

4 組配色方案

產生互補色、相鄰色、三角色與分裂互補色。

直接進入開發

複製建議變數名稱,或開啟任一產生色並使用全部 22 種格式。

01

帶實際用途的色階矩陣

從基礎色產生有標記、有 HEX 且有用途建議的 10 級系統。

50 至 900

十個明度級別形成完整淺色到深色範圍。

用途建議

區分背景、分隔線、次要文字、品牌色與內文。

基礎色資訊

查看 HSB,並從最近或收藏切換來源。

變數名稱

產生並複製適合程式碼使用的名稱。

02

變化與配色方案

六個飽和度變化與四種配色關係可逐色查看和複製。

柔和與強調

保持色相,產生低飽和背景色與高飽和強調色。

互補與相鄰

建立直接對比或更統一的組合。

三角色

使用三個分離色相擴展系統。

分裂互補色

保留對比並降低直接互補的對抗感。

無障礙檢查

讓顏色進入介面前,先確認實際可讀性

在實際內容中比較文字與背景,朝下一個 WCAG 等級最佳化,並以色覺模擬輔助發現問題。

精確 WCAG 比例

即時顯示比例,檢查一般文字 AA 4.5:1 與 AAA 7:1。

實際內容預覽

透過標題、內文與按鈕查看效果,而不只判斷數字。

智慧對比度最佳化

分別調整文字或背景,盡可能保留原色相與飽和度。

色覺輔助預覽

比較正常視覺與紅、綠、藍、全色盲四種模擬。

01

建立並檢查顏色組合

文字與背景可分別取樣、從顏色庫選擇、交換並自動保存。

精確比例

即時顯示 WCAG 比例與 AA/AAA 狀態。

內容預覽

在標題、內文與按鈕中檢查效果。

下一個目標

自動從未通過移向 AA,再由 AA 移向 AAA。

立即套用

比較前後結果並更新目前組合。

02

色覺差異預覽

這是設計輔助預覽,不是醫學檢測或合規認證。

五種模式

正常視覺與四種色覺障礙模擬。

完整組合同步模擬

同時轉換文字與背景。

實際可讀性

直接查看模擬後的內容。

保留模式

下次使用時回到上次選擇。

顏色管理與效率

讓有用的顏色隨手可得,而不是進入雲端

最近記錄、命名收藏、全域快捷鍵、選單列入口與安全合併的 JSON 備份,共同服務本機工作流程。

最近與收藏分開管理

重複取色自動前置,收藏支援命名與釘選,清除任一清單不影響另一個。

選單列快速操作

開始取色、重新開啟最近 6 個顏色,或直達矩陣與對比度工具。

快捷鍵衝突檢測

自訂四項全域操作,並發現與 App 或 macOS 快捷鍵的衝突。

安全合併 JSON 備份

匯入前驗證、略過重複、遷移舊版格式,且不覆寫現有顏色。

01

最近與收藏各司其職

重複項目前置,收藏可命名和釘選,兩個集合可獨立清除。

自動去重

相同顏色移到最近記錄最前。

命名與釘選

重要收藏優先顯示,其餘依時間排序。

直接操作

按一下複製、查看詳情、取消收藏或刪除。

安全清除

顯示數量並再次確認,且不影響另一個集合。

02

快速操作與備份

從選單列和全域快捷鍵快速呼叫工具;JSON 只在主動匯出時建立。

最近 6 色

從選單列重新開啟並複製。

快捷鍵衝突檢測

檢查應用內重複與 macOS 衝突。

驗證後合併

遷移舊格式、略過重複且不覆寫現有顏色。

匯入上限

10 MB、500 個最近顏色與 2,000 個收藏。

核心色彩工具免費,需要完整流程時再升級 Pro

免費版包含螢幕取色、基本色彩庫、4 種 CSS 格式、1 個色票、對比檢查、色覺模擬和 JSON 色彩庫備份;Pro 解鎖完整開發格式與色票交付流程。

功能
免費版取色、檢查並保存色彩
Pro建立並交付色彩系統
螢幕取色、最近、收藏與轉換包含包含
複製格式4 種 CSS 格式22 種格式 + 自訂範本
已保存色票1 個不限數量
色票程式碼匯出不包含CSS、JSON、SwiftUI
批次複製不包含最多 3 種釘選格式
對比工具比例、預覽與色覺模擬另含智慧 AA / AAA 修正
JSON 色彩庫備份包含包含

Pro 透過 App Store 提供年度訂閱與終身購買。兩種方案都可備份完整 JSON 色彩庫;將單一色票匯出為 CSS、JSON 或 SwiftUI 程式碼需要 Pro。

本機優先

你的顏色工作不需要帳號

Weeko Color 只使用螢幕錄製權限讀取指標下方的像素。取色、格式轉換、配色、對比度分析與顏色庫都在這台 Mac 上完成,顏色資料不會自動上傳。

  • 只在你主動操作取色器時讀取螢幕像素;不會保存螢幕錄影。

  • 最近顏色、收藏與分析狀態保留在本機,直到你主動刪除。

  • 只有主動匯出時才建立 JSON 備份;目前沒有帳號或雲端同步。

第一次取色前的常見問題

為什麼取色需要螢幕錄製權限?

macOS 使用這項權限保護螢幕像素。Weeko Color 只在你主動操作取色器時讀取指標下方的像素。

會上傳螢幕或顏色庫嗎?

不會。核心處理都在本機完成,只有主動匯出時才會建立備份檔案。

可以複製哪些格式?

共有 22 種,涵蓋 Web/CSS、Android、Flutter、Apple、HarmonyOS、Python、Java、.NET、OpenGL、Unity 與原始數值。

關閉最近記錄後會怎樣?

只會停止加入新記錄;已有最近顏色和收藏會繼續保留。

對比度最佳化保證無障礙合規嗎?

不保證。它以 WCAG AA 或 AAA 比例為目標,但最終產品仍需要在真實介面與輔助技術中測試。

色覺模擬是醫學檢測嗎?

不是。它只是設計輔助預覽。

匯入會覆寫目前顏色嗎?

不會。Weeko Color 會驗證並合併、略過重複,再回報新增數量。

可以在多台 Mac 間同步嗎?

目前不行。沒有帳號、iCloud 同步、團隊共享或自動雲端備份。