工具用的順手嗎？
你的回饋能幫助我們做得更好
查詢日本傳統色名稱與色值，輔助網頁、海報和家居配色。
概覽
了解工具能解決的問題、計算或處理邏輯，以及資料邊界。
這份色票適合需要查日本傳統色名稱、日文讀音或網頁色碼的設計者。內含 48 個色項，按紅、黃、綠、藍、紫與中性色分類；每張色卡展示色名、假名讀音、HEX 與 RGB。搜尋結果是色項參考，並不會依照主色自動搭出完整配色。
例如「藍色」這張卡顯示 HEX #165E83、RGB 22, 94, 131。HEX 是以十六進位數字表示紅、綠、藍通道的寫法；六位碼每兩位各對應一個通道。CSS 規格也定義 HEX 與 rgb() 為表示 sRGB 顏色的語法，因此可把卡片的 HEX 用於支援 CSS 色碼的網頁或設計工具。頁面中 RGB 是方便辨識與核對的顯示資訊，複製動作取得的是 HEX。
傳統色名帶有文化與語言脈絡，但工具內的數位色值只是這份色表採用的螢幕參考版本。名稱本身不保證唯一對應某個歷史色樣，也不等同於官方標準、油漆色號或印刷專色。
指南
依步驟完成操作，並透過範例核對輸入與結果。
先選擇全部色項或一個色系，縮小瀏覽範圍；若不確定分類，可先保留全部。
在搜尋欄輸入日文漢字色名、假名讀音，或 HEX 色碼。輸入色碼時可省略開頭的 #，例如搜尋 165E83。
比對色塊、名稱、讀音和數字，確認是需要的那一項。點選色卡會複製該色項的 HEX；RGB 數字可供檢查，但不會隨點選一併複製。
把 HEX 貼到網頁 CSS 或設計軟體的顏色欄，例如 color: #165E83;，再依實際畫面確認文字、背景與按鈕狀態是否清楚。
若搜尋沒有結果，先清除多餘空白或改用完整色名、讀音、色碼，再確認所選色系沒有把目標排除。此表以日文原名和假名讀音作為可搜尋文字，繁體中文譯名不一定能直接搜到。
情境
查看這項工具在不同工作與生活流程中的用法。
前端設計者可按色系瀏覽，再以 HEX 搜尋指定色碼，將卡片值貼入 CSS。完成後仍須檢查實際前景色與背景色的對比，尤其是小字、按鈕文字和提示狀態。
製作日本文化主題的數位視覺稿時，可用色名和 HEX 一起記錄選色，並以 RGB 顯示值交叉核對，減少團隊只寫「藍色」而各自選到不同色碼的情況。
需要交接螢幕用色時，記下色名、讀音、HEX 與用途。色票提供單色查找；若專案需要成套主色、輔助色和比例，請再依品牌需求自行搭配及檢視。
問答
集中解答常見疑問與容易混淆的問題。
目前搜尋欄比對的是色卡中的日文漢字名稱、假名讀音和 HEX 字串，沒有繁體中文譯名欄位。可改用日文原名、假名或色碼查找。
不會。點選色卡複製的是 HEX；RGB 留在卡片上供閱讀或手動記錄。
不能。它可查詢和預覽個別色項，沒有自動產生主題、色彩比例或和諧度評分。需要整組配色時，請挑選並測試多個色值。
單憑色名不能判定唯一數位值。不同資料可能採用不同參考或數位化方式；此處顯示的是本色表使用的值。若專案需可重現，請連同色名記錄實際採用的 HEX 和參考版本。
須知
使用前了解適用範圍、結果限制與必要提醒。
色塊是數位顯示參考，螢幕設定、色域與周遭光線都可能影響觀感；印刷、塗料、織品等材料還涉及材質與製程。不要只憑色票 HEX 作為實體採購、打樣或驗收標準，應向供應商確認實物樣色。
網頁文字可依 WCAG 2.2 的對比度準則檢查：一般文字最低 4.5:1，大尺寸文字最低 3:1。這些門檻是文字可讀性的參考要求，不代表工具會自動驗證你的前景與背景組合；不同狀態和實際尺寸仍需逐一檢視。
推薦
查找相關工具、專題與可用的 API 能力。
