7 kalkulatorów. Jedno okno. Bez instalacji.
7 calculators. One window. No install.
PX/REM, VW, clamp(), proporcje obrazu, złoty podział, interlinia i skala odstępów — drobne, konkretne narzędzia matematyczne, po które sięgasz codziennie przy kodowaniu interfejsów.
PX/REM, VW, clamp(), aspect ratio, golden ratio, line-height, and a spacing scale — small, specific math tools you reach for every day when coding interfaces.
Wpisz PX lub VW — drugie pole przeliczy się automatycznie względem podanej szerokości viewportu.
Enter PX or VW — the other field recalculates automatically relative to the given viewport width.
Proporcja uproszczona przez największy wspólny dzielnik.
Ratio simplified using the greatest common divisor.
To zakres orientacyjny, nie sztywna reguła — dostosuj do konkretnego kroju pisma.
This is a rough range, not a strict rule — adjust for the specific typeface.
PX na REM
PX to REM
Przelicz piksele na jednostkę względną, z tabelą typowych wartości.
Convert pixels to a relative unit, with a table of typical values.
REM na PX
REM to PX
Kierunek odwrotny — z REM z powrotem na konkretne piksele.
The reverse direction — from REM back to specific pixels.
VW Calculator
Piksele względem szerokości viewportu — podstawa fluid typography.
Pixels relative to viewport width — the basis of fluid typography.
Kalkulator Clamp()
Clamp() Calculator
Płynna typografia z bezpiecznym minimum i maksimum, z podglądem na żywo.
Fluid typography with a safe min and max, with a live preview.
Kalkulator Proporcji
Aspect Ratio Calculator
16:9, 4:3, 21:9 i inne — plus obliczanie brakującego wymiaru.
16:9, 4:3, 21:9, and more — plus computing a missing dimension.
Złoty Podział
Golden Ratio
Klasyczna proporcja φ ≈ 1.618 do harmonijnych układów.
The classic φ ≈ 1.618 ratio for harmonious layouts.
Kalkulator Interlinii
Line-Height Calculator
Sugerowany zakres line-height dla nagłówków, treści i UI.
A suggested line-height range for headings, body text, and UI.
Skala Odstępów
Spacing Scale
Spójna drabinka wartości, eksport jako zmienne CSS.
A consistent ladder of values, exported as CSS variables.