顏色工具
轉換 HEX、RGB、HSL 顏色，並檢查 WCAG 對比度以確保無障礙性。
顏色轉換
對比度檢查器 (WCAG)
敏捷的棕色狐狸跳過懶惰的狗。視野無限廣，窗外有藍天。
色彩轉換與對比檢查工具
在 HEX、RGB、HSL 之間轉換色彩，並檢查前景與背景的對比。適合 CSS 實作、設計交付、hover 狀態與 UI 可讀性檢查。
常見情境
- 轉換 CSS 色彩：在設計工具與程式碼格式間切換。
- 檢查可讀性：確認按鈕、連結、label 與 alert 的對比。
- 建立色彩變化：用 HSL 調整亮度與飽和度。
重要狀態不應只靠顏色傳達，應搭配文字、圖示或版面提示。
這個工具的相關文章
Recent Articles
CREATE TABLE 參考手冊｜MySQL、PostgreSQL、SQLite 的型別與約束差異
以跨資料庫對照表整理 CREATE TABLE（DDL）的寫法：型別對應表、自動編號（AUTO_INCREMENT / IDENTITY / rowid）的方言差異、外鍵的 ON DELETE 行為，以及 MySQL 會靜默忽略的 CHECK 約束。
從資料表設計自動產生 CREATE TABLE 語句的原理｜DDL 產生器
解析 DDL 產生器的實作：以視覺化方式設計資料表並產生 CREATE TABLE 語句與 ER 圖。內容涵蓋 MySQL/PostgreSQL/SQLite 的型別轉換規則，以及從 JSON 範例推論欄位的演算法。
GitHub Actions needs 設計模式集｜加速 CI 的依賴關係組織法與反模式
以模式與反模式對照表整理 GitHub Actions 中 needs 所建立的 job 依賴關係。涵蓋 concurrency 取消重複執行、fail-fast 取捨、matrix 與 needs 組合的陷阱，以及可重複使用工作流程，並附上可直接複製的 YAML 範例。
Mermaid ER 圖語法完全參考｜關聯符號與實戰範例
完整整理 Mermaid erDiagram 語法：烏鴉腳表示法的基數對照表、一對多與多對多的差異、含 PK/FK 的屬性定義，以及一個完整的電商範例。
如何用 SQL 建構器以視覺化方式組出 SELECT、JOIN 查詢
說明如何在瀏覽器中用視覺化 SQL 建構器組合 SELECT、WHERE、JOIN。涵蓋數值自動加引號的判斷原理、JOIN 使用時機對照表，以及多資料表 JOIN 的寫法。
SQL JOIN 完全參考｜INNER、LEFT、RIGHT、FULL 的差異與結果列數觀念
以對照表與結果列數範例，完整整理 SQL 的 JOIN 種類（INNER/LEFT/RIGHT/FULL/CROSS/SELF）。說明一對多 JOIN 為何會使列數增加、WHERE 子句與 ON 子句在 NULL 判斷上的陷阱，以及多資料表 JOIN 的寫法。