Handy Orchard

CSS 色彩空間與色域轉換

換算 sRGB、Display P3、Lab 與 OKLCH,檢查目標色域並提供映射結果。

輸入資料

請輸入 CSS 色彩表示式,不是整份樣式表、漸層或 CSS 變數。

報告保留尚未映射座標,再用 Color.js CSS 色域映射至所選空間。

輸入變更時會清除舊輸出。

結果

輸入資料或帶入範例,再執行工具。

計算範例

alpha 0.5 的 Display P3 綠色超出 sRGB。報告會列出未映射 RGB 的負值/超範圍座標及映射後 sRGB,並保留 alpha 0.5。

方法

使用固定 Color.js 來源解析與空間轉換,檢查 inGamut,再套用其 CSS 色域映射方法。匯出映射前後座標;預覽僅含安全靜態色彩樣式。

適用限制

單一 CSS 色彩最多 1000 字元,輸出 3–8 有效位數。映射可能改變外觀,螢幕與瀏覽器色彩管理會影響預覽;不是螢幕校色、ICC 描述檔或圖片色票工具。

在延遲載入、固定來源的本機 worker 處理。取消或四秒逾時會終止 worker,不把輸入傳給外部服務。

來源

固定上游 README實際上游授權第三方授權聲明

相關工具

WCAG 對比檢查圖片色票擷取PNG 色盤量化壓縮

輸入資料留在此裝置。只有經您同意的選擇性瀏覽量會被統計;計算值、檔案、檔名與處理日誌不送至 Analytics。

切換語言時,文字、設定與選取檔案會暫存於此裝置,還原後移除;中斷的暫存會於後續造訪清理。輸入與檔案不會上傳。