Slop Colors · Beta 版

顏色選取器、調色盤產生器與對比檢查工具

從圖片取色、製作調色盤並檢查對比。不會上傳任何內容。

不需安裝：直接在手機、平板或電腦的瀏覽器中開啟即可。第一次造訪後，離線也能繼續使用。想在主畫面放一個圖示嗎？在 iPhone 或 iPad 上，點選「分享」，再點選「加入主畫面」。在 Android 上，開啟瀏覽器選單並點選「新增至主畫面」。在電腦上，按一下網址列中的安裝圖示。

Slop Colors 的主要功能包括：附放大鏡的滴管，以及圖片的主要顏色; 和諧配色、淺色調、深色調，以及 50 至 950 色階。可開啟任何圖片。

Beta 版：仍在測試中，因此部分內容可能會變動。

您可以用 Slop Colors 做什麼

Slop Colors 與 Coolors, Adobe Color, WebAIM Contrast Checker 並列：事實來自各工具自己的頁面，檢查日期為 2026-10-25。Slop Colors 由我們開發。

最佳免費配色與對比度工具：主要事實並排比較（檢查日期 2026-10-25）
工具	價格	執行環境	從圖片取色	對比度檢查
Slop Colors 本站	免費，不需帳號	任何現代瀏覽器	滴管與主要顏色（k-means）	對比率、AA 與 AAA，並附修正建議
Coolors	免費方案；Pro 方案	網頁、iOS 應用程式、Figma 外掛、Chrome 擴充功能	Image Picker	Contrast Checker
Adobe Color	免費	網頁	從圖片擷取	對比率，並附 WCAG 指引
WebAIM Contrast Checker	免費	網頁	否（滴管只能從螢幕取色）	AA 與 AAA，一般文字、大型文字與介面元件

逐項比較：✓ 支援，◐ 部分支援或僅限付費方案，✗ 不支援，– 工具自身頁面未說明
功能	Slop Colors 本站	Coolors	Adobe Color	WebAIM Contrast Checker
從圖片取色	是	是	是	否
由單一顏色產生和諧配色	是	未說明	是	否
WCAG 對比度檢查	是	是	是	是
大型文字與介面等級	是	未說明	未說明	是
色盲模擬預覽	否	未說明	是	否
CSS 匯出	是	是	未說明	否
Tailwind 匯出	是	是	未說明	否
Adobe .ase 匯出	是	是	未說明	否
GIMP .gpl 匯出	是	未說明	未說明	否
OKLCH 數值	是	未說明	未說明	否
不需帳號	是	部分支援	部分支援	是
圖片留在您的裝置上	是	未說明	未說明	是

Slop Colors：功能、狀態與檔案類型
功能	狀態	檔案類型
附放大鏡的滴管，以及圖片的主要顏色	Beta 版	任何圖片
和諧配色、淺色調、深色調，以及 50 至 950 色階	Beta 版	任何圖片
WCAG 對比檢查，並可修正不合格的文字	Beta 版	任何圖片
HEX、RGB、HSL、OKLCH 與 CMYK	Beta 版	任何圖片
匯出 CSS、Tailwind、JSON、ASE 與 GPL；可儲存到 Slop Drive	Beta 版	任何圖片

Slop Colors 可開啟任何圖片。