Our application allow you to convert colors between the four major formats: RGB, HEX, HSV and RGB%. Just click on the link below and you will be redirected to the application. You just have to insert the color code in one format and the app will convert it in the others for you!

GO TO THE APPLICATION


Managing colors is one of the hardest task while designing the style of your website, presentation or advertisement. You can choose from four different color formats: RGB, HEX, HSV and RGB%.

RGB

RGB stands for Red, Green, Blue. RGB color code is the combination of three values each from 0 to 255 (2^8). Each number suggests the amount of the three colors in the final one.
RGB: 255, 0, 0

HEX

The HEX code is composed by an hashtag followed by three hexadecimal numbers. Each number goes from 0 to 255 just like the RGB code.
HEX: #FF0000

HSV

HSV stands for Hue, Saturation, Value. The Hue value goes from 0° to 360°. 0° is the primary red color, 120° is the primary green and 240° is the primary blue. Then back to 360° which is the primary red color again. The Saturation indicates the intensity of the color tone (255 max intensity, 0 min intensity). The Value suggest a more lighter (0) or darker (255) color.
HSV: 0° 100 100

RGB%

RGB% is just like the RGB format but the Red, Green and Blue values are in percentage (from 0 to 1).
RGB%: 1, 0, 0



HOW TO CONVERT

RGB to RGB%: You just need to divide the R, G, B values by 255

RGB to HEX: You need to convert the R, G, B values to hexadecimal (we will upload a tutorial on how to do that, stay tuned...)

RGB% to RGB: You just need to multiply the R%, G%, B% values by 255

RGB to HSV: Follow the steps below
image

HSV to RGB: Follow the steps below
image

OTHERS: Convert to RGB and then in whatever format you need



EXAMPLES

RGB: 255, 0, 0 HEX: #FF0000 HSV: 0° 100 100 RGB%: 1, 0, 0

 

RGB: 255, 120, 0 HEX: #FF7800 HSV: 28° 100 100 RGB%: 1 0.47 0

 

RGB: 50, 120, 255 HEX: #1E1EFF HSV: 240° 88 100 RGB%: 0.12 0.12 1

 

RGB: 250, 180, 10 HEX: #FAB40A HSV: 43° 96 98 RGB%: 0.98 0.71 0.04

 

RGB: 100, 30, 255 HEX: #641EFF HSV: 259° 88 100 RGB%: 0.39 0.12 1

 

RGB: 30, 255, 90 HEX: #1EFF5A HSV: 136° 88 100 RGB%: 0.12 1 0.35

 

RGB: 12, 12, 12 HEX: #0C0C0C HSV: 0° 0 5 RGB%: 0.05 0.05 0.05

 

Some informations comes from rapidtables.com