Skip to main content


All units of measurement available in CSS can be used.


You can use the following mathematical operations in the input field: + - * /.

For example, enter the 720px/2 value, click on Enter and get the 360px value.


If you enter an expression containing different units, the input field will reformat it into a calc value.

For example, 100vh-60px will be converted to calc(100vh-60px).

Input shortcuts#

ActionWindows and LinuxMacOS
Increase by 1
Decrease by 1
Increase by 10Shift + ⇧ (Shift) +
Decrease by 10Shift + ⇧ (Shift) +
Increase by 0.1Alt + ⌥ (Option) +
Decrease by 0.1Alt + ⌥ (Option) +
Increase by 100Ctrl + ⌘ (Cmd) +
Decrease by 100Ctrl + ⌘ (Cmd) +