FlareStart
HomeNewsHow ToSources
FlareStart

Where developers start their day. All the tech news & tutorials that matter, in one place.

Quick Links

  • Home
  • News
  • Tutorials
  • Sources
  • Privacy Policy

Connect

© 2026 FlareStart. All rights reserved.

Back to articles
Number Base Conversions: Why Every Developer Hits a Wall Without Them
How-ToWeb Development

Number Base Conversions: Why Every Developer Hits a Wall Without Them

via Dev.to WebdevMichael Lip2h ago

The first time I encountered hexadecimal color codes in CSS, I did not think about number bases at all. #FF5733 was just a magic string that made things orange. It was not until I tried to programmatically darken a color by 20% that I realized I needed to actually understand what those letters and numbers meant -- and that meant understanding how to convert between binary, decimal, and hexadecimal. Number base conversion is one of those skills that feels academic until suddenly it is not. The Base System Every number system works the same way. In decimal (base 10), the number 347 means: 3 x 10^2 + 4 x 10^1 + 7 x 10^0 = 300 + 40 + 7 = 347 In binary (base 2), the number 1011 means: 1 x 2^3 + 0 x 2^2 + 1 x 2^1 + 1 x 2^0 = 8 + 0 + 2 + 1 = 11 (in decimal) In hexadecimal (base 16), the number 2F means: 2 x 16^1 + F(15) x 16^0 = 32 + 15 = 47 (in decimal) In octal (base 8), the number 73 means: 7 x 8^1 + 3 x 8^0 = 56 + 3 = 59 (in decimal) Once you see the pattern, every base conversion is just

Continue reading on Dev.to Webdev

Opens in a new tab

Read Full Article
2 views

Related Articles

The Hidden Complexity of Citation Formatting (And Why I Automated It)
How-To

The Hidden Complexity of Citation Formatting (And Why I Automated It)

Dev.to Beginners • 2h ago

The Widmark Formula: How BAC Is Actually Calculated
How-To

The Widmark Formula: How BAC Is Actually Calculated

Dev.to Tutorial • 2h ago

Three Ways to Talk to Claude Remotely When You’re Not at Your Desk
How-To

Three Ways to Talk to Claude Remotely When You’re Not at Your Desk

Medium Programming • 2h ago

The Anatomy of a Good Box Shadow (and Why Most Look Fake)
How-To

The Anatomy of a Good Box Shadow (and Why Most Look Fake)

Dev.to Tutorial • 3h ago

How to Use Google Stitch to Turn Design Systems into Production-Ready UI
How-To

How to Use Google Stitch to Turn Design Systems into Production-Ready UI

Medium Programming • 5h ago

Discover More Articles