CH → REM Converter
Converting from CH to REM is common when switching from for widths relative to the '0' character size in a font. to useful for typography scaling and accessibility. 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 → rem
Use ch for width relative to text and rem for global typography scaling.
Quick Reference: Unit Conversion by Tens
| CH | REM |
|---|---|
| 10ch | 5rem |
| 20ch | 10rem |
| 30ch | 15rem |
| 40ch | 20rem |
| 50ch | 25rem |
| 60ch | 30rem |
| 70ch | 35rem |
| 80ch | 40rem |
| 90ch | 45rem |
| 100ch | 50rem |
| 110ch | 55rem |
| 120ch | 60rem |
| 130ch | 65rem |
| 140ch | 70rem |
| 150ch | 75rem |
| 160ch | 80rem |
| 170ch | 85rem |
| 180ch | 90rem |
| 190ch | 95rem |
| 200ch | 100rem |
| 210ch | 105rem |
| 220ch | 110rem |
| 230ch | 115rem |
| 240ch | 120rem |
| 250ch | 125rem |
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 rem without testing on different screen sizes.
Real Code Example
/* Mobile-first card with ch → rem */
.card {
padding: 0ch; /* undefinedrem */
font-size: 1.5rem;
width: min(90vw, 40ch);
}Keyboard Shortcuts
- Ctrl + C: Convert
- Ctrl + I: Invert units
- Esc: Reset values