如果平常的工作和設計有關，對於色彩應該也會有一定的敏感度，若對顏色沒那麼熟悉，其實網路上有不少配色工具可以使用，通常會以不同方式產生調色盤，讓使用者在各種顏色裡快速選擇取用色碼，有助於降低色彩選擇的難度和時間。之前推薦過一些以特定主題收錄的色碼表，像是 NIPPON COLORS 就有代表日本傳統的 250 種顏色，BrandColors 收錄世界知名品牌使用的顏色資訊。
本文要介紹的「Tailwind.ink」是一個很有趣的色彩工具，以 AI 人工智慧產生調色盤，依照說明，這個工具利用 Tailwindcss（CSS 框架）訓練程式學習，當使用者開啟網站、選擇特定色調，Tailwind.ink 就會依照該色碼產生 100 種相關色，像是偏向特定顏色或是加入深淺的漸層色變化，全部列在網頁中就能輕鬆找到更合適的色碼。
Tailwind.ink 也是一項開放原始碼（Open Source）專案，如果需要可下載原始碼，依照說明調整為更符合自己需求的色彩產生器。
對於在選色時可能會遇到「顏色再深一些」或「偏向黃綠一些」這類情境，Tailwind.ink 能讓使用者在配色時有更多更為彈性的組合方式，如果你透過色彩工具依然找不到適合的顏色，總是會有一點點差異，可以試試看以類神經網路訓練出來的配色服務，可能更容易擊中你的需求。
Tailwind.ink
https://tailwind.ink/
使用教學
STEP 1
開啟 Tailwind.ink 預設會是藍色為主要顏色，右側會顯示依照該顏色預測出來的調色盤。
在左上角的調色工具選擇你想使用的主顏色後右側色彩會即時更新，每個顏色名稱下方會有對應的十種深淺變化，當然你也可以直接輸入特定色碼，套用你輸入的色碼來看看 Tailwind.ink 會產生那些顏色。
STEP 2
蠻有趣的是這些顏色組合都呈現一定規則的變化，無論是從淺到深、或是不同的色系，都能在單一頁面進行預覽或是比較，點選左上角的「Aa」可以在色塊上顯示文字，檢查該背景顯示深淺文字是否有良好的可閱讀性和辨識性。
值得一試的三個理由：
- 使用 AI 類神經網路、依照主顏色產生 100 種相關顏色
- 依照深淺和不同色調直接在網頁上預覽比較
- 產生 HEX 色碼可複製後取用顏色
相關文章
- Colovely 最簡色彩產生器，快速顯示當前顏色 HEX、RGB 及 HSL
- HTML Color Codes 全方位免費線上選色器，輕鬆獲取色彩代碼、RGB 和 HSL
- ColorDrop 你唯一需要的線上調色盤！收錄各種配色組合，提供設計開發上絕佳色彩來源
- Klart Colors 免費線上配色工具，從網站資料庫獲得選色靈感
Ten articles before and after
No More WhatsApp 提供更直覺的 WhatsApp 對話記錄備份瀏覽工具 – telegram 下載
免費下載 Ocster Backup Pro 6 強大的系統備份軟體（含序號） – telegram 下載
Yay Images 圖庫限時免費活動，註冊永久存取 200 萬張相片素材 – telegram 下載
docuPub：線上將各式文件轉檔為 PDF 等格式 – telegram 下載
免費 Avira Internet Security 2012 小紅傘授權序號（180天） – telegram 下載
inPixio 免費去背工具為相片圖片去除背景，可手動標示刪除和保留範圍 – telegram 下載
DropCanvas 拖、放、立即分享！最簡單的檔案分享工具又一發！ – telegram 下載
GIMP – 免費且功能強大的影像處理軟體！ – telegram 下載
IBM Plex：IBM 設計免費字型下載，三種字體類型及風格指南 – telegram 下載
[Android] ScreenShot UX 快速擷取你的手機畫面，還可以剪裁跟加上文字喔！ – telegram 下載