設計工具 · 瀏覽

設計工具

轉色碼、看長寬比、產生漸層,快速完成視覺相關的小計算。

3 個工具 · 免費 · 免註冊

常見問題

有哪些設計工具?

三個,全部在瀏覽器裡跑:色彩轉換器(HEX/RGB/HSL 互轉,附 WCAG AA/AAA 對比比例與最接近的 CSS 命名色)、長寬比計算機(16:9、4:3、21:9、9:16、A4、黃金比例,輸入任一邊求另一邊)、圖片壓縮器(JPEG、PNG、WebP)。

這三個分別什麼時候用?

挑顏色、或想確認文字在某個背景上讀不讀得清楚 —— 色彩轉換器,它直接給你 WCAG 對比數字,不用憑感覺。要決定容器尺寸或寫 CSS aspect-ratio —— 長寬比計算機。圖太肥放不上網 —— 圖片壓縮器,拉品質滑桿就能左右並排看前後差異。三個都不會把你的檔案送出去。

可以用在 CSS 開發上嗎?

可以,本來就是照這個用途做的。色彩轉換器輸出可直接貼進 CSS 的值,長寬比計算機給你可複製的 aspect-ratio 宣告。