To convert CSS pixels to nanometers, multiply the value by 264,583. To go the other way, multiply nanometers by 3.77953 × 10⁻⁶ to get CSS pixels.
| CSS Pixels (px) | Nanometers (nm) |
|---|---|
| 1 px | 264,583 nm |
| 2 px | 529,167 nm |
| 3 px | 793,750 nm |
| 4 px | 1,058,330 nm |
| 5 px | 1,322,920 nm |
| 6 px | 1,587,500 nm |
| 7 px | 1,852,080 nm |
| 8 px | 2,116,670 nm |
| 9 px | 2,381,250 nm |
| 10 px | 2,645,830 nm |
| 12 px | 3,175,000 nm |
| 14 px | 3,704,170 nm |
| 15 px | 3,968,750 nm |
| 20 px | 5,291,670 nm |
| 21 px | 5,556,250 nm |
| 24 px | 6,350,000 nm |
| 25 px | 6,614,580 nm |
| 30 px | 7,937,500 nm |
| 40 px | 10,583,300 nm |
| 50 px | 13,229,200 nm |
| 60 px | 15,875,000 nm |
| 75 px | 19,843,700 nm |
| 80 px | 21,166,700 nm |
| 100 px | 26,458,333 nm |
| 200 px | 52,916,666 nm |
| 250 px | 66,145,800 nm |
| 300 px | 79,374,999 nm |
| 400 px | 105,833,332 nm |
| 500 px | 132,291,665 nm |
| 750 px | 198,437,000 nm |
| 1,000 px | 264,583,330 nm |
CSS pixel (px). A CSS pixel is defined as 1/96 of an inch (about 0.2646 mm) and is used in screen layouts.
Nanometer (nm). A nanometer is one billionth of a meter, used for wavelengths of light and the size of molecules.
There are 264,583 nanometers in one CSS pixel.
Multiply the number of CSS pixels by 264,583. For example, 10 CSS pixels equal 2,645,830 nanometers.
One nanometer equals 3.77953 × 10⁻⁶ CSS pixels.
3,175,000 nanometers. Other common values: 5 CSS pixels = 1,322,920 nanometers and 100 CSS pixels = 26,458,333 nanometers.