toolsko

Choose your language

ToolsKo is written in English. Prefer another language? Open a translated version of this public page.

Browser language suggestion: English. You can choose any language below.

Translation opens in a new tab using Google Translate. It receives this public page URL. Automatic translations may contain mistakes; use the original English page for tool inputs, downloads, and generated documents.

Your choice is remembered on this browser when storage is available. Use Language in the header to change it.

Fluid Typography CSS Clamp Generator

Interpolate font size between two viewport widths.

Tool inputs stay in your browser · optional AI search sends your query

Good to know: Linear interpolation in px and vw, bounded by clamp. This generates source, not a preview. Test browser zoom and accessibility; px-based bounds may need rem conversion for your design.

How to use it (step by step)

  1. 1Fill in the boxes: “Minimum font size (px)”, “Maximum font size (px)”, “Small viewport (px)”, “Large viewport (px)”. Example numbers are already there so you can see how it works; replace them with yours.
  2. 2The result updates instantly as you type (on a phone it is below the boxes).
  3. 3The bold line is the main answer. Tap Copy next to any value to copy it.

Words to know

CSS
The code that controls how a web page looks: colors, sizes, spacing and layout.
Resolution / pixels
A picture is made of tiny dots called pixels. 1080×1920 means 1,080 dots wide and 1,920 tall.

More in Design & Color

CSS Border Radius GeneratorSet independent corner radii and copy the CSS declaration.Sprite Sheet MakerCombine icons or game frames into a PNG atlas with exact JSON coordinates.Photo Contact SheetMake a numbered proof sheet of photos with filenames, without cropping.Transparent PNG TrimmerRemove empty transparent edges from logos and PNG artwork.Repeating Pattern PreviewRepeat a tile across a larger canvas to inspect seams and export a pattern.Duotone Image EditorRecolor actual image pixels using your shadow and highlight colors.