Color Converters - RGB, CMYK, Hex, HSV, HSL Converters
There are multiple modes of colors: hex, rgb, hsl, hsv, cmyk, etc. This tool can convert colors of multiple modes to each other. You enter the color of the hex mode, click on the convert button you can get the color values in the mode of rgb, hsl, hsv, and you enter the color of any mode you can get the color values of the other three modes.
Knowledge of converter
The RGB color model is an additive color model in which red, green and blue light are added together in various ways to reproduce a broad array of colors. The name of the model comes from the initials of the three additive primary colors, red, green, and blue.
The main purpose of the RGB color model is for the sensing, representation and display of images in electronic systems, such as televisions and computers, though it has also been used in conventional photography. Before the electronic age, the RGB color model already had a solid theory behind it, based in human perception of colors.
HSL (hue, saturation, lightness) and HSV (hue, saturation, value) are two alternative representations of the RGB color model, designed in the 1970s by computer graphics researchers to more closely align with the way human vision perceives color-making attributes. In these models, colors of each hue are arranged in a radial slice, around a central axis of neutral colors which ranges from black at the bottom to white at the top. The HSV representation models the way paints of different colors mix together, with the saturation dimension resembling various shades of brightly colored paint, and the value dimension resembling the mixture of those paints with varying amounts of black or white paint. The HSL model attempts to resemble more perceptual color models such as NCS or Munsell, placing fully saturated colors around a circle at a lightness value of 1⁄2, where a lightness value of 0 or 1 is fully black or white, respectively.
- RGB values are in range of 0-255
- HEX value is 6 digits.
- HSV values are in range of Hue:0-359°, Saturation:0-100%, Value:0-00%.
- HSL values are in range of Hue:0-359°, Saturation:0-100%, Lightness:0-100%.
Hex / RGB / HSV / HSL chart
Color | Color name | Hex | (R,G,B) | (H,S,V) | (H,S,L) |
---|---|---|---|---|---|
Black | #000000 | (0,0,0) | (0°,0%,0%) | (0°,0%,0%) | |
White | #FFFFFF | (255,255,255) | (0°,0%,100%) | (0°,0%,100%) | |
Red | #FF0000 | (255,0,0) | (0°,100%,100%) | (0°,100%,50%) | |
Lime | #00FF00 | (0,255,0) | (120°,100%,100%) | (120°,100%,50%) | |
Blue | #0000FF | (0,0,255) | (240°,100%,100%) | (240°,100%,50%) | |
Yellow | #FFFF00 | (255,255,0) | (60°,100%,100%) | (60°,100%,50%) | |
Cyan | #00FFFF | (0,255,255) | (180°,100%,100%) | (180°,100%,50%) | |
Magenta | #FF00FF | (255,0,255) | (300°,100%,100%) | (300°,100%,50%) | |
Silver | #C0C0C0 | (192,192,192) | (0°,0%,75%) | (0°,0%,75%) | |
Gray | #808080 | (128,128,128) | (0°,0%,50%) | (0°,0%,50%) | |
Maroon | #800000 | (128,0,0) | (0°,100%,50%) | (0°,100%,25%) | |
Olive | #808000 | (128,128,0) | (60°,100%,50%) | (60°,100%,25%) | |
Green | #008000 | (0,128,0) | (120°,100%,50%) | (120°,100%,25%) | |
Purple | #800080 | (128,0,128) | (300°,100%,50%) | (300°,100%,25%) | |
Teal | #008080 | (0,128,128) | (180°,100%,50%) | (180°,100%,25%) | |
Navy | #000080 | (0,0,128) | (240°,100%,50%) | (240°,100%,25%) |
Hot color Hex and RGB code table
Color | Name | Hex | RGB |
---|---|---|---|
LightPink | #FFB6C1 | 255,182,193 | |
Pink | #FFC0CB | 255,192,203 | |
Crimson | #DC143C | 220,20,60 | |
LavenderBlush | #FFF0F5 | 255,240,245 | |
PaleVioletRed | #DB7093 | 219,112,147 | |
HotPink | #FF69B4 | 255,105,180 | |
DeepPink | #FF1493 | 255,20,147 | |
MediumVioletRed | #C71585 | 199,21,133 | |
Orchid | #DA70D6 | 218,112,214 | |
Thistle | #D8BFD8 | 216,191,216 | |
plum | #DDA0DD | 221,160,221 | |
Violet | #EE82EE | 238,130,238 | |
Magenta | #FF00FF | 255,0,255 | |
Fuchsia | #FF00FF | 255,0,255 | |
DarkMagenta | #8B008B | 139,0,139 | |
Purple | #800080 | 128,0,128 | |
MediumOrchid | #BA55D3 | 186,85,211 | |
DarkVoilet | #9400D3 | 148,0,211 | |
DarkOrchid | #9932CC | 153,50,204 | |
Indigo | #4B0082 | 75,0,130 | |
BlueViolet | #8A2BE2 | 138,43,226 | |
MediumPurple | #9370DB | 147,112,219 | |
MediumSlateBlue | #7B68EE | 123,104,238 | |
SlateBlue | #6A5ACD | 106,90,205 | |
DarkSlateBlue | #483D8B | 72,61,139 | |
Lavender | #E6E6FA | 230,230,250 | |
GhostWhite | #F8F8FF | 248,248,255 | |
Blue | #0000FF | 0,0,255 | |
MediumBlue | #0000CD | 0,0,205 | |
MidnightBlue | #191970 | 25,25,112 | |
DarkBlue | #00008B | 0,0,139 | |
Navy | #000080 | 0,0,128 | |
RoyalBlue | #4169E1 | 65,105,225 | |
CornflowerBlue | #6495ED | 100,149,237 | |
LightSteelBlue | #B0C4DE | 176,196,222 | |
LightSlateGray | #778899 | 119,136,153 | |
SlateGray | #708090 | 112,128,144 | |
DoderBlue | #1E90FF | 30,144,255 | |
AliceBlue | #F0F8FF | 240,248,255 | |
SteelBlue | #4682B4 | 70,130,180 | |
LightSkyBlue | #87CEFA | 135,206,250 | |
SkyBlue | #87CEEB | 135,206,235 | |
DeepSkyBlue | #00BFFF | 0,191,255 | |
LightBLue | #ADD8E6 | 173,216,230 | |
PowDerBlue | #B0E0E6 | 176,224,230 | |
CadetBlue | #5F9EA0 | 95,158,160 | |
Azure | #F0FFFF | 240,255,255 | |
LightCyan | #E1FFFF | 225,255,255 | |
PaleTurquoise | #AFEEEE | 175,238,238 | |
Cyan | #00FFFF | 0,255,255 | |
Aqua | #00FFFF | 0,255,255 | |
DarkTurquoise | #00CED1 | 0,206,209 | |
DarkSlateGray | #2F4F4F | 47,79,79 | |
DarkCyan | #008B8B | 0,139,139 | |
Teal | #008080 | 0,128,128 | |
MediumTurquoise | #48D1CC | 72,209,204 | |
LightSeaGreen | #20B2AA | 32,178,170 | |
Turquoise | #40E0D0 | 64,224,208 | |
Auqamarin | #7FFFAA | 127,255,170 | |
MediumAquamarine | #00FA9A | 0,250,154 | |
MediumSpringGreen | #00FF7F | 0,255,127 | |
MintCream | #F5FFFA | 245,255,250 | |
SpringGreen | #3CB371 | 60,179,113 | |
SeaGreen | #2E8B57 | 46,139,87 | |
Honeydew | #F0FFF0 | 240,255,240 | |
LightGreen | #90EE90 | 144,238,144 | |
PaleGreen | #98FB98 | 152,251,152 | |
DarkSeaGreen | #8FBC8F | 143,188,143 | |
LimeGreen | #32CD32 | 50,205,50 | |
Lime | #00FF00 | 0,255,0 | |
ForestGreen | #228B22 | 34,139,34 | |
Green | #008000 | 0,128,0 | |
DarkGreen | #006400 | 0,100,0 | |
Chartreuse | #7FFF00 | 127,255,0 | |
LawnGreen | #7CFC00 | 124,252,0 | |
GreenYellow | #ADFF2F | 173,255,47 | |
OliveDrab | #556B2F | 85,107,47 | |
Beige | #F5F5DC | 245,245,220 | |
LightGoldenrodYellow | #FAFAD2 | 250,250,210 | |
Ivory | #FFFFF0 | 255,255,240 | |
LightYellow | #FFFFE0 | 255,255,224 | |
Yellow | #FFFF00 | 255,255,0 | |
Olive | #808000 | 128,128,0 | |
DarkKhaki | #BDB76B | 189,183,107 | |
LemonChiffon | #FFFACD | 255,250,205 | |
PaleGodenrod | #EEE8AA | 238,232,170 | |
Khaki | #F0E68C | 240,230,140 | |
Gold | #FFD700 | 255,215,0 | |
Cornislk | #FFF8DC | 255,248,220 | |
GoldEnrod | #DAA520 | 218,165,32 | |
FloralWhite | #FFFAF0 | 255,250,240 | |
OldLace | #FDF5E6 | 253,245,230 | |
Wheat | #F5DEB3 | 245,222,179 | |
Moccasin | #FFE4B5 | 255,228,181 | |
Orange | #FFA500 | 255,165,0 | |
PapayaWhip | #FFEFD5 | 255,239,213 | |
BlanchedAlmond | #FFEBCD | 255,235,205 | |
NavajoWhite | #FFDEAD | 255,222,173 | |
AntiqueWhite | #FAEBD7 | 250,235,215 | |
Tan | #D2B48C | 210,180,140 | |
BrulyWood | #DEB887 | 222,184,135 | |
Bisque | #FFE4C4 | 255,228,196 | |
DarkOrange | #FF8C00 | 255,140,0 | |
Linen | #FAF0E6 | 250,240,230 | |
Peru | #CD853F | 205,133,63 | |
PeachPuff | #FFDAB9 | 255,218,185 | |
SandyBrown | #F4A460 | 244,164,96 | |
Chocolate | #D2691E | 210,105,30 | |
SaddleBrown | #8B4513 | 139,69,19 | |
SeaShell | #FFF5EE | 255,245,238 | |
Sienna | #A0522D | 160,82,45 | |
LightSalmon | #FFA07A | 255,160,122 | |
Coral | #FF7F50 | 255,127,80 | |
OrangeRed | #FF4500 | 255,69,0 | |
DarkSalmon | #E9967A | 233,150,122 | |
Tomato | #FF6347 | 255,99,71 | |
MistyRose | #FFE4E1 | 255,228,225 | |
Salmon | #FA8072 | 250,128,114 | |
Snow | #FFFAFA | 255,250,250 | |
LightCoral | #F08080 | 240,128,128 | |
RosyBrown | #BC8F8F | 188,143,143 | |
IndianRed | #CD5C5C | 205,92,92 | |
Red | #FF0000 | 255,0,0 | |
Brown | #A52A2A | 165,42,42 | |
FireBrick | #B22222 | 178,34,34 | |
DarkRed | #8B0000 | 139,0,0 | |
Maroon | #800000 | 128,0,0 | |
White | #FFFFFF | 255,255,255 | |
WhiteSmoke | #F5F5F5 | 245,245,245 | |
Gainsboro | #DCDCDC | 220,220,220 | |
LightGrey | #D3D3D3 | 211,211,211 | |
Silver | #C0C0C0 | 192,192,192 | |
DarkGray | #A9A9A9 | 169,169,169 | |
Gray | #808080 | 128,128,128 | |
DimGray | #696969 | 105,105,105 | |
Black | #000000 | 0,0,0 |