色彩與設計
色彩格式轉換、對比度檢查、調色盤與 CSS 產生器。
6 個工具
色彩格式轉換
在 HEX、RGB、HSL、HWB、OKLCH 與 OKLab 之間轉換顏色，附取色器與 WCAG 對比度檢查。對比度檢查
檢查文字與背景顏色的 WCAG 對比度是否達到 AA／AAA，支援透明度，並建議最接近的合格顏色。調色盤產生器
從一個顏色產生互補、類似、三等分等配色與 50–950 色階，可匯出 CSS 變數或 Tailwind 設定。CSS 漸層產生器
用色標、角度與中心點設計線性、放射或圓錐漸層，即時預覽並複製 CSS，可選 OKLCH 插值。CSS 單位換算
在 px、rem、em、pt、vw、vh、cm 等 CSS 單位之間換算，可自訂根元素字級與視窗大小。長寬比計算
把寬高化簡成 16:9 這類長寬比，依比例算出缺少的寬或高，並列出常見比例與解析度。