Conversor de Tailwind a PX

Tailwind units

Píxeles

Cálculo basado en la unidad de espaciado predeterminada de Tailwind de píxeles.

Help shape a better dev tool
I'm working on something to make responsive design and components less painful.
If you have a few minutes, I'd really value your input: Take the survey Your feedback will guide what I build next. Thanks for your time 🙂

Tablas de conversión de Tailwind ↔︎ PX

Tailwind units	Píxeles
0.25	1px
0.5	2px
1	4px
1.5	6px
2	8px
3	12px
4	16px
5	20px
6	24px
8	32px
10	40px
12	48px
14	56px
16	64px
20	80px
24	96px
28	112px
32	128px
36	144px
40	160px
44	176px
48	192px
50	200px
60	240px

Píxeles	Tailwind units
1px	0.3
2px	0.5
3px	0.8
4px	1
5px	1.3
6px	1.5
8px	2
10px	3
12px	3
14px	4
15px	4
16px	4
18px	5
20px	5
24px	6
25px	6
28px	7
32px	8
36px	9
40px	10
44px	11
48px	12
50px	13
56px	14
64px	16
72px	18
75px	19
80px	20
90px	23
100px	25

Converso el Tailwind units a píxeles

Calculadora para la conversión Tailwind units a pixels. El cálculo se basa en la unidad de espaciado predeterminada de Tailwind CSS de 4 píxeles como 1 unidad. Se usa como w-3 para 12 píxeles.