Conversion Form

IN
CM

About the Unit

Inch (in): The inch (in) is an absolute unit of measurement representing a physical inch, equal to 2.54 cm. In CSS, using the inch unit is particularly useful when you are creating documents or layouts for print, such as paper templates or physical charts. Using the in unit ensures that the layout will be printed with the exact dimensions specified, regardless of the screen resolution or the device used to view the page. The inch is a standard measure in many printing systems, so it is crucial when you need to create documents that will be printed or exported to other physical formats like PDFs. However, for digital web design, relative units (like px, em, or rem) usually offer greater flexibility, though the in unit may be the best choice for documents that need to be converted to physical formats.

Pro Tip: in → cm

1in = 2.54cm. Convert inches to cm for print layouts.

Quick Reference: Unit Conversion by Tens

INCM
10in25.4cm
20in50.8cm
30in76.2cm
40in101.6cm
50in127cm
60in152.4cm
70in177.8cm
80in203.2cm
90in228.6cm
100in254cm
110in279.4cm
120in304.8cm
130in330.2cm
140in355.6cm
150in381cm
160in406.4cm
170in431.8cm
180in457.2cm
190in482.6cm
200in508cm
210in533.4cm
220in558.8cm
230in584.2cm
240in609.6cm
250in635cm

Live Unit Preview

See how different CSS units affect the size of the box below:

10px

10rem

10em

10%

10vw

10vh

Common Mistake

Be cautious when mixing in and cm without testing on different screen sizes.

Real Code Example

/* Mobile-first card with in → cm */
.card {
  padding: 0in;     /* undefinedcm */
  font-size: 1.5rem;
  width: min(90vw, 40ch);
}
Unidade não encontrada.

Keyboard Shortcuts

  • Ctrl + C: Convert
  • Ctrl + I: Invert units
  • Esc: Reset values

More popular conversions