什麼是Tailwind 顏色查找器？

Tailwind 顏色查詢器能將任意十六進位顏色快速比對到最接近的 Tailwind CSS 工具類別。無需手動對照色板，只要貼上設計稿中的色碼，即可取得準確的 Tailwind 類別名稱直接用於程式碼。

使用方法

1. 輸入設計稿中的十六進位顏色代碼，或使用選色器挑選顏色。
2. 工具會即時顯示最接近的 Tailwind CSS 顏色類別，並提供視覺化的顏色對比。
3. 複製 Tailwind 類別名稱（如 bg-blue-500）直接貼入程式碼中。查看色差數值可判斷匹配的精確度。

結果

設計師提供品牌色 #2563EB，貼上後工具顯示完全匹配 blue-500。若輸入 #3A7BC8，則會找到最接近的 sky-600，並顯示色差分數讓您評估匹配程度。

相關工具