Conversion Iteration #2: Color

March 14, 2022
screenshot of converter

For iteration #2: I added Hex color to RGB to the conversion app page converter.

Hex:

This will take the 6-digit hex color only accepting 0-9 and A-F. Then it will convert the Hex to RGB with commas between the 3 color grouping.

RGB:

For the RGB to Hex the user will need to include the commas between the color groupings. This will convert it over to the Hex coding, making the A-F in caps. While it doesn’t matter in the hex code if it’s upper or lowercase I’ve always preferred to have it in uppercase making it a bit quicker to spot in the code. The RGB separated by commas since this is how it’s expected in most programs.

Looking up the formulas for the conversion took some time, found a few different ones but after some trials got one that matched the sample version.

For testing I used: https://en.wikipedia.org/wiki/Web_colors
In my testing I used about 20 colors or more to test the conversions between the two. About 10 for hex to see if the RGB is correct then reversed it for other colors. I used different color types like close to white, reds, blues, a green, and a dark gray.

Related Articles

CMYK converter added

CMYK converter added

CMYK is a tricky one, since each device would interpret the colors differently. Had almost decided not to even include it but thought it could be useful at times. Looking around I found a basic formula that most people were using to give a rough idea for the color. I...

read more
Measurement Conversion created in JavaScript

Measurement Conversion created in JavaScript

Created my own conversion page, some of the reasons for this, you may have run across these issues also: ton of ads on page and overlay ads; the ads and the converter all look the same; the one that made me decide to create my own was the conversion was wrong. While I...

read more
Using Databases in Python

Using Databases in Python

For my next project I wanted to work with a database in Python. Since databases are used in about every major coding situation I wanted to a project that would be close to a real world project. Spent time in January doing basic exercises/classes with Python with...

read more

Pin It on Pinterest

Share This