Slop Colors · 免費，在瀏覽器中使用

以一個顏色產生色票

從品牌色開始。Slop Colors 會產生和諧配色、色調、陰影與暗色調，以及 50 到 950 色階，並將您選擇的配色匯出為程式碼或色票檔。

產生色票

操作方式

1. 在面板中輸入您的顏色（HEX、RGB、HSL、OKLCH 或 CMYK），或從圖片中取色。
2. 在「由此色彩產生」下，於色輪旁選擇「和諧色」（互補、類似、三角、分裂互補、四角、正方形、單色、陰影或自訂），並選擇 RGB、RYB 或 OKLCH 色輪。
3. 拖曳色輪上的控點：其他控點會依和諧配色跟著移動；在「自訂」中，每個控點各自移動。聚焦的控點可用方向鍵移動。
4. 點選您喜歡的那一列下方的「用作色盤」，或挑選單一顏色並點選「加入此色彩」。
5. 為色票命名，並在「匯出」下選擇格式：CSS 變數、Tailwind 設定、JSON、Adobe .ase 或 GIMP .gpl。
6. 點選「下載色票」、「複製程式碼」或「儲存到 Slop Drive…」。

您的檔案會留在此裝置上：Slop Colors 在瀏覽器中執行，不上傳、不需帳號，也沒有浮水印。

常見問題

什麼是 RYB 色輪？

這是畫家使用的紅黃藍色輪，與 Adobe Color 提供的相同：在此色輪中，紅色的互補色是綠色，藍色的互補色是橘色。RGB 色輪是螢幕使用的色輪，而 OKLCH 會在色調改變時保持明度一致。

色階是如何產生的？

保留色調，並在 OKLCH 中將明度從 97% 逐步降到 22%，接近白色與黑色時會降低彩度。您的顏色會落在最接近的階層上。

可以在 Photoshop 或 Illustrator 中開啟色票嗎？

可以。匯出為 Adobe Swatch Exchange（.ase）格式，然後在「色票」面板中載入。GIMP 與 Inkscape 可讀取 .gpl 檔案。

我的色票會被保存嗎？

頁面上的色票會保存在這個瀏覽器中。「儲存到 Slop Drive」則會保存一個可在此再次開啟的檔案。

更多 Slop Colors 的功能

• 依 WCAG 檢查色彩對比度
• 從圖片取色
• 將 HEX 轉換為 RGB、HSL、OKLCH 或 CMYK

相關應用程式

• PhotoSlop
  上線中
  Photoshop，為瀏覽器重新打造。
• SlopVector
  上線中
  Illustrator，為瀏覽器重新打造。
• SlopIsolate
  Beta 版
  以在您裝置上執行的 AI 去除背景。