To convert CSS pixels to barleycorns, multiply the value by 0.0312499. To go the other way, multiply barleycorns by 32.0001 to get CSS pixels.
| CSS Pixels (px) | Barleycorns (bc) |
|---|---|
| 1 px | 0.0312499 bc |
| 2 px | 0.0624998 bc |
| 3 px | 0.0937496 bc |
| 4 px | 0.125 bc |
| 5 px | 0.156249 bc |
| 6 px | 0.187499 bc |
| 7 px | 0.218749 bc |
| 8 px | 0.249999 bc |
| 9 px | 0.281249 bc |
| 10 px | 0.312499 bc |
| 12 px | 0.374999 bc |
| 14 px | 0.437498 bc |
| 15 px | 0.468748 bc |
| 20 px | 0.624998 bc |
| 21 px | 0.656247 bc |
| 24 px | 0.749997 bc |
| 25 px | 0.781247 bc |
| 30 px | 0.937496 bc |
| 40 px | 1.25 bc |
| 50 px | 1.56249 bc |
| 60 px | 1.87499 bc |
| 75 px | 2.34374 bc |
| 80 px | 2.49999 bc |
| 100 px | 3.12499 bc |
| 200 px | 6.24998 bc |
| 250 px | 7.81247 bc |
| 300 px | 9.37496 bc |
| 400 px | 12.5 bc |
| 500 px | 15.6249 bc |
| 750 px | 23.4374 bc |
| 1,000 px | 31.2499 bc |
CSS pixel (px). A CSS pixel is defined as 1/96 of an inch (about 0.2646 mm) and is used in screen layouts.
Barleycorn (bc). The barleycorn is one third of an inch (about 8.47 mm), historically the length of a grain of barley.
There are 0.0312499 barleycorns in one CSS pixel.
Multiply the number of CSS pixels by 0.0312499. For example, 10 CSS pixels equal 0.312499 barleycorns.
One barleycorn equals 32.0001 CSS pixels.
0.374999 barleycorns. Other common values: 5 CSS pixels = 0.156249 barleycorns and 100 CSS pixels = 3.12499 barleycorns.