How to do Color Conversion in Javascript?

[sivaranjan]

Hi friends,
I want your help for converting the colors between different color systems. I have tried a lot of scripts but I was not getting the expected output. Can anyone explain me how to do Color Conversion in Javascript? Also if possible tell how to convert RGB Color to HTML Hex.?? Extremely Thanks for your Support in Advance.!!

[Allan.d]

For doing the color conversion, first you will need to create color object you want to convert from. There are three types of color encoding system that the JavaScript supports :

• RGB
• HSV
• CMYK

You can create color object as following :

var obj = new RGB(50 , 60 , 70 );
var obj = new HSV(50 , 60 , 70 );
var obj = new CMYK(50 , 60 , 70 , 80 );

[void]

After creating the color object, you will need to pass that object to appropriate “ColorConverter” method. Like I have provided you with the following coding :

1. To convert from HSV to RGB use library like :
   

   var result = ColorConverter.toRGB(new HSV(50, 60, 70));
   alert("RGB:" + result.r + ":" + result.g + ":" + result.b);

2. To convert from RGB to HSV use library like :

var result = ColorConverter.toHSV(new RGB(50, 60, 70));
alert("HSV:" + result.h + ":" + result.s + ":" + result.v);

[Viensterrr]

You also want some information about the converting RGB Color to HTML Hex as you mentioned in your query.! Before doing the coding for the same, I think that you should clear the concepts regarding the same. The RGB (Red, Green, Blue) values of color that are converted into Hex, should be known to the HTML. The 16 different values are stored in 1 character by the Hex method. You might have observed that you have to take a color code that was generated in one program while using the color on Web pages.

[Warner]

I think that you might have get little confused after seeing the information about the conversion of colors in JavaScript. So I thought to provide you the sample of the code, so that you can understand it in more better way. Here is the sample of the JavaScript which demonstrates how to convert RGB values to hex string :

function RGB2HTML(red, green, blue)
{
    var decColor = red + 256 * green + 512 * blue;
    return decColor.toString(16);
}

[opaper]

You can also use the following code for converting the colors into Hex :

function RGBToHex(rgb) 
{
var char = "12345QWERT";
return String(char.charAt(Math.floor(rgb / 16))) + String(char.charAt(rgb - (Math.floor(rgb / 16) * 16)));
}