圓角產生器
圓角產生器. 用滑桿調整各個圓角並複製 CSS。
色彩
在瀏覽器即可使用的實用工具。
圓角產生器. 用滑桿調整各個圓角並複製 CSS。
直接在瀏覽器中使用盒陰影 · 產生器。選擇輸入與設定,再檢查結果。
色彩透明度混合. 在編碼 sRGB 中將前景合成到不透明背景上。
色覺模擬器. 基於 Machado 等人(2009)的二色視覺近似。個人感知各異。灰階是獨立的亮度預覽。
色差計算. CIE76 ΔE 使用 Bradford 適應後的 D50 Lab。它衡量色差,不代表對比度或可讀性。
色彩混合器. 編碼 sRGB 與線性光混合的結果不同。比例適用於色彩 B。
直接在瀏覽器中使用調色盤 · 產生器。選擇輸入與設定,再檢查結果。
直接在瀏覽器中使用色彩選擇與轉換。選擇輸入與設定,再檢查結果。
直接在瀏覽器中使用對比度檢查。選擇輸入與設定,再檢查結果。
CSS clamp 產生器. 輸出使用 rem 和 vw。請設定頁面根字級。預覽模擬所選檢視區寬度。
CSS 貝茲曲線編輯器. 拖曳控制點或使用方向鍵。按住 Shift 可增大步長。
CSS 濾鏡產生器. 調整濾鏡並比較即時預覽與產生的 CSS。
直接在瀏覽器中使用CSS漸層 · 產生器。選擇輸入與設定,再檢查結果。
SVG 轉資料 URI. 選擇本機 SVG 或貼上原始碼,執行後可預覽、縮放和下載。
SVG 檢視器. 選擇本機 SVG 或貼上原始碼,執行後可預覽、縮放和下載。
文字陰影產生器. 調整文字陰影的位置、模糊、色彩和不透明度。
字體大小比例. 設定基準字級、比例和級數以產生 CSS 大小。