Colors

A simple tool to convert CSS colors among RGB , HEX and HSL

Demo : https://anupammajhi.github.io/Colors/ How To Use It

1. Visit https://anupammajhi.github.io/Colors/
2. Enter value in either of the three models (RGB, HEX, HSL) in provided text field
3. Viola! You can now see the value converted into the other two formats. Bonus: The circle behind the text fields change colors as per the value entered by you.

Accepted Color Formats

• You can use any of the syntax's provided below to get correct
  result.
• Irrespective of the syntax taken from the list below, once you enter the acceptable value, all the entries are converted into HTML5/CSS3 accepted values.
• You can copy the received outputs and use them in you web pages.

---

RGB

rgb(123,123,123)          //Perfect syntax!

OR

(123,123,123)             //Without the rgb prefix

OR

123,123,123               //Without the rgb prefix and parenthesis 

---

HEX

#123abc                   //Perfect syntax!

OR

123abc                    //Without the # prefix

OR

#12a                      //HEX shorthand syntax

OR

12a                       //HEX shorthand syntax without the # prefix

---

HSL

hsl(123,55%,55%)          //Perfect syntax!

OR

hsl(123,55,55)            //Without the % symbol

OR

(123,55%,55%)             //Without hsl prefix

OR

(123,55,55)               //Without hsl prefix and % symbols

OR

123,55,55                 //Without hsl prefix, % symbols and parenthesis

Contact Me!

Write me to : [email protected] Find me at : http://twitter.com/anupamFX