CH → EM Converter
Converting from CH to EM is common when switching from for widths relative to the '0' character size in a font. to ideal when you need sizing relative to parent elements. in CSS projects.
Conversion Form
About the Unit
CH: The ch unit is a relative typographic unit based on the width of the '0' character of the current font. This unit is especially useful when you want the width of an element to be proportional to the text content, particularly for input fields or text areas. Using ch ensures that the element size adjusts based on the average character width of the current font, providing precise control over text layout. For example, if you set the width of a text input field to 10ch, it will be wide enough to accommodate 10 '0' characters of the font, making it useful for password fields or numeric inputs. The ch unit is less commonly used than other relative units like em or rem, but it is an excellent choice when precise width based on textual content is needed.
Pro Tip: ch → em
Ch is useful for text-based width units and em for relative text sizes.
Quick Reference: Unit Conversion by Tens
| CH | EM |
|---|---|
| 10ch | 5em |
| 20ch | 10em |
| 30ch | 15em |
| 40ch | 20em |
| 50ch | 25em |
| 60ch | 30em |
| 70ch | 35em |
| 80ch | 40em |
| 90ch | 45em |
| 100ch | 50em |
| 110ch | 55em |
| 120ch | 60em |
| 130ch | 65em |
| 140ch | 70em |
| 150ch | 75em |
| 160ch | 80em |
| 170ch | 85em |
| 180ch | 90em |
| 190ch | 95em |
| 200ch | 100em |
| 210ch | 105em |
| 220ch | 110em |
| 230ch | 115em |
| 240ch | 120em |
| 250ch | 125em |
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 ch and em without testing on different screen sizes.
Real Code Example
/* Mobile-first card with ch → em */
.card {
padding: 0ch; /* undefinedem */
font-size: 1.5rem;
width: min(90vw, 40ch);
}Keyboard Shortcuts
- Ctrl + C: Convert
- Ctrl + I: Invert units
- Esc: Reset values