
Tailwind Ink 是一個免費開源的專案,它透過了神經網路自動產生各種新的色度,能讓你能從調色盤中檢視各種顏色,每個顏色還會根據不同的深淺進行排序,並在每個顏色中附上色碼。
Tailwind Ink 在使用上也非常簡單,當你指定顏色後,他就會根據當前顏色進行擴展,自動從相似色開始漸變,形成一個調色盤的效果。由於它是開源的項目,因此如果有需要,你甚至還能動手調整神經網路,來使它符合你的期待生成顏色。
網站名稱:Tailwind Ink | AI color palette generator for Tailwindcss
網站網址:https://tailwind.ink/
Tailwind Ink 簡介教學
Step 1
進入頁面後,你可以從左上角顏色選取工具進行主顏色的挑選,或是直接在下方輸入指定的色碼,讓 AI 自動生成相關的顏色:

Step 2
每當你變動主顏色之後,AI 就會即時的動態調整全部調色盤的顏色,自動根據你所改變的主顏色,慢慢從深淺進行色盤的延展:

自動產生的顏色都會在右側顯示相對應的色碼與該顏色的 Weight,讓你可以直接複製色碼應用在你的專案當中。
Step 3
在上方 PALETTE 右側有一個「Aa」的按鈕,點選後它就可以顯示/關閉範例文字,讓你可以即時看到在每個顏色背景之下,前方顯示黑與白文字時,會如何呈現:

這個功能尤其對前端設計師非常有幫助,透過顯示黑/白文字,讓我們可以立即了解該顏色作為背景的情況下,前景文字的顏色是否能夠顯示得清楚。
以上就是 Tailwind Ink 的完整介紹。如果你還想了解其他有關線上調色盤的工具,可以參考:Color Palette Generator。

Tailwind Ink 評價推薦優點
- 自動產生 100 種相關顏色
- 可自行調整 AI 產生顏色的規則
- 提供色碼能直接複製取用
這篇文章對你有幫助嗎?
相關文章
- PaletteMaker 線上免費配色工具,產生多種搭配色調可直接預覽範例,並提供 4 種色碼下載與顯示方式
- Coolors – 線上免費配色調色盤工具,快速產生多種富有美感與啟發靈感的配色網站
- Trianglify.io – 線上多邊形圖片背景產生器,可客製化圖片的大小顏色與多邊形樣式並免費下載
- Color Palette Generator – 免費線上調色盤產生器,一鍵自動產生 5 種搭配套色,並提供顏色代碼與一鍵複製顏色色碼!
- Alwane 免費網站色碼分析工具,透過 HTML 與 CSS 抓取網站使用色系,並以視覺化方式分組呈現所有顏色
- Pixelcut Image Recolor AI 自動識別快速替換照片顏色,可快速更改衣服或產品的顏色
- FoneDog Photo Compress – 免費線上圖片壓縮工具支援 JPEG, PNG, SVG, Gif 格式與批次上傳功能
- 大家找寶貝 – 寶可夢地圖網頁版教學,快速搜尋寶可夢與道館位置,Pokemon GO 推薦工具
- SaveMedia.Website 免費 YouTube 影片下載工具,支援 100+ 熱門影音網站不須註冊無限制使用
- THE TOP LINK – 免費製作數位名片,可自訂連結與圖示打造個人品牌,統一管理所有社群平台連結
- Magic Copy 免費 Chrome 擴充功能一鍵去除背景,運用人工智慧技術自動辨識圖片主體和背景
- SnapEdit Remove BG 線上自動去背工具,透過 AI 自動去除人物背景,並提供客製化背景顏色替換
Leave a Reply