Convertisseur de Tailwind à PX

Tailwind units

Pixels

Calcul basé sur l'unité d'espacement par défaut de Tailwind de pixels.

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 🙂

Tables de conversion de Tailwind ↔︎ PX

Tailwind units	Pixels
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

Pixels	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

Convertir Tailwind units à pixels

Calculatrice pour la conversion Tailwind units à pixels. Le calcul est basé sur l'unité d'espacement par défaut de Tailwind CSS de 4 pixels en tant que 1 unité. Vous l'utilisez comme w-3 pour 12 pixels.