免費色彩和設計工具 — 拾色器、調色盤、對比度、漸層
網路實用的色彩工作：拾色器支援十六進制/RGB/HSL，調色盤和漸層生成器，WCAG 對比度檢查器保持文字可讀，色盲模擬和 CSS 陰影工具。為需要確切數值和無障礙選擇的設計師和前端開發者打造，複製貼上即用。
顏色轉換器(HEX、RGB、HSL 即時同步)
在 HEX、RGB、HSL 之間轉換顏色, 帶即時預覽色塊。編輯任一欄位, 其他自動更新。
對比度檢查器 — WCAG AA/AAA 合規判定
計算前景色與背景色的 WCAG 對比度比率, 顯示 AA/AAA 在普通/大文字下的合規徽章。帶即時預覽。
CSS 漸變生成器 (線性、徑向、錐形)
視覺化構建 CSS 漸變: 線性、徑向、錐形。多色彩停點、角度控制、預設。複製即用 CSS。
調色盤生成器 (一基色 5 種方案)
從基色生成和諧調色盤: 互補、類比、三色、四色、單色。點任何色塊複製 hex。
色盲模擬器 — 體驗色覺障礙者眼中的世界
輸入任意十六進位顏色，即刻查看紅綠色盲、紅色盲、藍黃色盲和全色盲四種類型下的顯示效果。
CSS 陰影生成器 (含即時預覽)
視覺化構建 CSS box-shadow 值。調整偏移、模糊、擴散、顏色、不透明度、內陰影。即時預覽, 複製貼上 CSS。
CSS顏色名稱查找器 — 從十六進位找最近命名顏色
輸入任意十六進位顏色，找到最接近的CSS命名顏色。顯示5個最近命名顏色及其精確十六進位值和距離分數。
顏色深淺產生器 — Tailwind 風格
為任意顏色產生11段深淺色階（50~950），遵循Tailwind CSS規範。點擊色塊複製hex代碼或批量匯出CSS變數。