設計
顏色工具
轉換 HEX、RGB、HSL 顏色，並檢查 WCAG 對比度以確保無障礙性。
顏色轉換
HEX
#007BFF
RGB
rgb(0, 123, 255)
HSL
hsl(211, 100%, 50%)
對比度檢查器 (WCAG)
對比度 21.00
一般文字
AA (4.5:1)
AAA (7.0:1)
大型文字
AA (3.0:1)
AAA (4.5:1)
預覽
敏捷的棕色狐狸跳過懶惰的狗。視野無限廣，窗外有藍天。
最新文章
Story
2026-03-09
用遞迴解決 JSON 轉 TypeScript：不依賴第三方庫的強大之處
「從 API 回應中瞬間生成型別定義。介紹不使用外部解析器、僅憑遞迴演算法實現輕量且高速轉換的幕後故事。」
Read more →
Story
2026-03-09
將安全的 JWT 驗證環境帶入瀏覽器：從資安工程師的觀點出發
「為了安全地處理高敏感 Token。解說結合 jose 函式庫與本地處理機制的 JWT 工具設計思想。」
Read more →
Story
2026-03-09
讓 QR Code 生成更輕便、更安全
「結合 Canvas API 與 node-qrcode，在瀏覽器上同時實現即時生成與隱私保護的工具開發實錄。」
Read more →
Story
2026-03-09
資料不外傳最安心：瀏覽器端 Diff 工具的開發背景
「為了安全且快速地比較文字差異，我們採用了以隱私為最優先、僅在瀏覽器端運作的設計架構。」
Read more →
Story
2026-03-09
免用函式庫的時區轉換：Intl API 的真本事
「不依賴 Moment.js 或 date-fns，僅憑瀏覽器內建的 Intl API 實現輕量級時區處理的開發幕後。」
Read more →
Story
2026-03-03
SQL to ER 圖轉換工具開發秘話：對「瀏覽器端完結」的堅持
「介紹從 SQL 生成 ER 圖工具的開發背景，以及為兼顧安全性與便利性所面臨的技術挑戰。」
Read more →