Gradian to Turn Converter

How do I convert turns to degrees?

Formula: Degrees = Turns × 360

Examples:

• 1 turn = 360°
• 0.5 turns = 180° (half turn)
• 0.25 turns = 90° (quarter turn)
• 0.75 turns = 270° (three-quarter turn)
• 2 turns = 720°
• 3.5 turns = 1260°

Turns to Degrees converter →

How do I convert turns to radians?

Formula: Radians = Turns × 2π ≈ Turns × 6.2832

Examples:

• 1 turn = 2π ≈ 6.283 radians
• 0.5 turns = π ≈ 3.142 radians
• 0.25 turns = π/2 ≈ 1.571 radians
• 2 turns = 4π ≈ 12.566 radians
• 0.75 turns = 3π/2 ≈ 4.712 radians

Turns to Radians converter →

What's the difference between turns and revolutions?

No practical difference - they're the same measurement:

Turn:

• Emphasizes single rotational action
• Common in everyday language ("turn the knob")
• Used in CSS and web design
• More intuitive for describing motion

Revolution:

• Often used for continuous rotation (RPM = revolutions per minute)
• Common in engineering and physics
• Traditional term in astronomy (planetary revolutions)
• Emphasizes cyclical motion

Both equal: 360 degrees = 2π radians = 1 complete rotation

Choose based on context: "turns" for discrete rotations, "revolutions" for speed and continuous motion.

How do I use turns in CSS?

CSS turn unit makes rotations more readable:

Syntax: transform: rotate(Nturn);

Common patterns:

/* Flip element upside down */
.flip { transform: rotate(0.5turn); }

/* Rotate right 90° */
.rotate-right { transform: rotate(0.25turn); }

/* Full rotation animation */
@keyframes spin {
  from { transform: rotate(0turn); }
  to { transform: rotate(1turn); }
}

/* Multiple rotations */
.spin-twice { transform: rotate(2turn); }

Benefits:

• More intuitive than degrees (1turn vs 360deg)
• Easier to specify fractions (0.5turn vs 180deg)
• Clearer intent in code
• No need to calculate degree values

Browser support: All modern browsers (Chrome, Firefox, Safari, Edge) support turn unit in CSS3.