CSS Clamp()產生器
使用clamp()產生流式、響應式的CSS數值。在視口範圍內於最小值與最大值之間平滑縮放。
font-size: clamp(16px, 13.0909px + 0.9091vw, 24px);
什麼是CSS Clamp()產生器？
CSS clamp(最小值, 首選值, 最大值)函式在讓數值在範圍內流暢縮放的同時，將其約束在邊界之內。它非常適合響應式排版：字級隨視口寬度平滑增長，而不會在斷點處跳變。本工具會根據你的最小/最大字級和視口寬度，計算出正確的首選值公式。
常見問題
瀏覽器相容性如何？▼
clamp()自2020年起在所有瀏覽器中均可使用：在生產環境中使用完全安全。
相關工具
顏色轉換工具（HEX/RGB/HSL）
在HEX、RGB和HSL格式之間轉換顏色。可視化選取顏色，或手動輸入數值。
CSS Box Shadow 產生器
以視覺化方式建立 CSS box-shadow 值。即時預覽並複製產生的 CSS。
CSS漸層產生器
建立線性和放射狀CSS漸層。以視覺化方式選擇顏色，並複製產生的CSS。
Cubic Bezier緩動曲線產生器
為CSS建立cubic-bezier緩動曲線。內建標準預設。
配色方案產生器
從任意基準色產生和諧的配色方案。支援互補色、鄰近色、三角色和單色方案。
CSS Border Radius 產生器
以視覺化方式建立複雜的 CSS border-radius 值。可獨立控制每個圓角。