首頁線上工具開發工具

UI Colors 完整色彩搭配解決方案，輕鬆生成 HEX、RGB、OKLCH 或 HSL 顏色碼

UI Colors 完整色彩搭配解決方案，輕鬆生成 HEX、RGB、OKLCH 或 HSL 顏色碼

UI Colors 是一個免費的線上工具，專為提供色彩搭配整體解決方案而設計。使用者只需任選一種顏色，就能以該顏色為基準，自動生成前後搭配的數十種相輔相成的顏色，並將這些顏色組合成一個用色範例，讓使用者可以預覽該顏色在網頁設計中的搭配效果。UI Colors 可為產出的顏色提供適用於 Tailwind、CSS、SCSS 及 SVG 所使用的 HEX、OKLCH、HSL、RGB 及 Figma 顏色碼。使用 UI Colors 無須註冊，但若註冊後，可方便儲存所編輯的顏色，以供未來參考之用。

§相關文章，還可以參閱：

如何使用 UI Colors 免費工具，建立色彩搭配整體解決方案？

1.進入 UI Colors 網站，可以看到其預設的顏色方案及一個以該顏色方案所建立的網頁常見元素範例。

UI Colors 完整色彩搭配解決方案，輕鬆生成 HEX、RGB、OKLCH 或 HSL 顏色碼

2.使用者可以自行輸入要使用的顏色碼，UI Colors 會以此顏色為基準，自動產生相搭的前後顏色，整體搭配效果可以在網頁範例立即呈現。

UI Colors 完整色彩搭配解決方案，輕鬆生成 HEX、RGB、OKLCH 或 HSL 顏色碼

3.在「Edit」功能，還可以微調顏色的色相偏移、飽和度及亮度等。

UI Colors 完整色彩搭配解決方案，輕鬆生成 HEX、RGB、OKLCH 或 HSL 顏色碼

4.這些網頁元素，還包含會經常使用到的 Banner、Buttons。

UI Colors 完整色彩搭配解決方案，輕鬆生成 HEX、RGB、OKLCH 或 HSL 顏色碼

5.而要匯出該顏色的整體搭配方案，可以點選「Export」後，根據自身所使用的 CSS 來複製顏色碼。

UI Colors 完整色彩搭配解決方案，輕鬆生成 HEX、RGB、OKLCH 或 HSL 顏色碼

與之前常見的調色盤、選色器不同的是 UI Colors 可產生與任一種顏色互搭的顏色方案，這對用美工設計或開發者用色來說就顯得更為方便，也能產出顏色更為協調的作品。

Drawing Prompt 是一個免費的線上工具，專為 Midjourney、DALL-E 或是微軟 Image Creator AI 這類以文產圖工具產生文字描述指令而設計。其提供「Expand-Prompt」、「Random-Prompt」及「Generate-Image」三大功能，其中「Expand-Prompt」功能，使用者僅需輸入幾個圖像內容的關鍵字，該工具就能自動展開適用於 AI 產圖的文字描述。而「Random-Prompt」則是由系統隨機產生。這些生成的文字指令可以立即在「Generate-Image」功能內轉換為圖像，並在需要時進行手動修改。這對想用以文產圖但文字指令始終無法有效控制圖像內容的用戶而言，來說，Drawing Prompt 絕對能讓創造力更上一層樓。

在 Windows 中，PDF 檔案的開啟通常由預設的應用程式執行。換句話說，如果 Windows 設定了使用 Edge 開啟 PDF 檔案，那麼透過 Chrome 下載的 PDF 檔案也會由 Edge 來處理。反之亦然，如果設定了由 Chrome 開啟，則透過 Chrome 下載的 PDF 檔案會在Chrome 中開啟。然而，若在 Chrome 中無法順利開啟 PDF 檔案，只需修改 Chrome 瀏覽器的設定，即可輕鬆解決問題，讓 PDF 檔案可以在 Chrome 下載並直接開啟，一氣呵成。