Do you need the color codes in RGB for your web or design work? Here are two useful tools that will allow you to obtain colors in RGB and other colors. color models instantly.
The first of the utilities is a RGB color picker which, just by clicking on the box, will show you a panel with all the shades for you to choose the one you need. The box also allows you to type the color directly in hexadecimal format to preview it.
A little further down you will see the RGB color chart which, by simply passing the mouse cursor over it, will show you the color code corresponding to that shade.
Article sections
What is RGB color space
The RGB color model is capable of forming all colors from combinations of red, green and blue colorsThe tones that in English are Red, Green and Blue respectively, so this color space owes its name to the initial of each of the three colors mentioned above.
Each of the forming primary colors used in the RGB model use 8 bitswith values ranging from 0 to 255 according to the binary system. This gives us a total of 256 x 256 x 256 = 16,777,216 different colors.
Below you have a table in which you can see how the 24 bits used to obtain the RGB colors:
RED[7:0] | GREEN[7:0] | BLUE[7:0] | |||||||||||||||||||||
23 | 16 | 15 | 8 | 7 | 0 |
To convert from RGB to hexadecimal we have to use the following mathematical formula:
RGB = (R*65536)+(G*256)+B
Being:
- R the color red
- G the color green
- B the color blue
For example, the color white is obtained with the following operation:
Blank = 255*65536+255*256+255 = #FFFFFFFFFF
Blue would look like this:
Blue = 0*65536+0*256+255 = #0000FF
And so on with the tone we want.
RGB color chart
Below you have several RGB color charts so that you can work with them more easily:
Basic RGB colors:
Color | HTML / CSS | Hexadecimal code #RRGGBB |
Decimal code (R,G,B) |
---|---|---|---|
Black | #000000 | (0,0,0) | |
White | #FFFFFFFF | (255,255,255) | |
Web | #FF0000 | (255,0,0) | |
Lime | #00FF00 | (0,255,0) | |
Blue | #0000FF | (0,0,255) | |
Yellow | #FFFF00 | (255,255,0) | |
Cyan / Aqua | #00FFFF | (0,255,255) | |
Magenta / Fuchsia | #FF00FF | (255,0,255) | |
Silver | #C0C0C0 | (192,192,192) | |
Gray | #808080 | (128,128,128) | |
Maroon | #800000 | (128,0,0) | |
Olive | #808000 | (128,128,0) | |
Green | #008000 | (0,128,0) | |
Purple | #800080 | (128,0,128) | |
Teal | #008080 | (0,128,128) | |
Navy | #000080 | (0,0,128) |
Wider spectrum of RGB colors
Color | Name | Hexadecimal code #RRGGBB |
Decimal code R,G,B |
---|---|---|---|
maroon | #800000 | (128,0,0) | |
dark red | #8B0000 | (139,0,0) | |
brown | #A52A2A | (165,42,42) | |
firebrick | #B22222 | (178,34,34) | |
crimson | #DC143C | (220,20,60) | |
network | #FF0000 | (255,0,0) | |
tomato | #FF6347 | (255,99,71) | |
coral | #FF7F50 | (255,127,80) | |
indian red | #CD5C5C | (205,92,92) | |
light coral | #F08080 | (240,128,128) | |
dark salmon | #E9967A | (233,150,122) | |
salmon | #FA8072 | (250,128,114) | |
light salmon | #FFA07A | (255,160,122) | |
orange red | #FF4500 | (255,69,0) | |
dark orange | #FF8C00 | (255,140,0) | |
orange | #FFA500 | (255,165,0) | |
gold | #FFD700 | (255,215,0) | |
dark golden rod | #B8860B | (184,134,11) | |
golden rod | #DAA520 | (218,165,32) | |
pale golden rod | #EEE8AA | (238,232,170) | |
dark khaki | #BDB76B | (189,183,107) | |
khaki | #F0E68C | (240,230,140) | |
olive | #808000 | (128,128,0) | |
yellow | #FFFF00 | (255,255,0) | |
yellow green | #9ACD32 | (154,205,50) | |
dark olive green | #556B2F | (85,107,47) | |
olive drab | #6B8E23 | (107,142,35) | |
lawn green | #7CFC00 | (124,252,0) | |
chart reuse | #7FFF00 | (127,255,0) | |
green yellow | #ADFFFF2F | (173,255,47) | |
dark green | #006400 | (0,100,0) | |
green | #008000 | (0,128,0) | |
forest green | #228B22 | (34,139,34) | |
lime | #00FF00 | (0,255,0) | |
lime green | #32CD32 | (50,205,50) | |
light green | #90EE90 | (144,238,144) | |
pale green | #98FB98 | (152,251,152) | |
dark sea green | #8FBC8F | (143,188,143) | |
medium spring green | #00FA9A | (0,250,154) | |
spring green | #00FF7F | (0,255,127) | |
sea green | #2E8B57 | (46,139,87) | |
medium aqua marine | #66CDAA | (102,205,170) | |
medium sea green | #3CB371 | (60,179,113) | |
light sea green | #20B2AA | (32,178,170) | |
dark slate gray | #2F4F4F | (47,79,79) | |
teal | #008080 | (0,128,128) | |
dark cyan | #008B8B | (0,139,139) | |
aqua | #00FFFF | (0,255,255) | |
cyan | #00FFFF | (0,255,255) | |
light cyan | #E0FFFF | (224,255,255) | |
dark turquoise | #00CED1 | (0,206,209) | |
turquoise | #40E0D0 | (64,224,208) | |
medium turquoise | #48D1CC | (72,209,204) | |
pale turquoise | #AFEEEEEE | (175,238,238) | |
aqua marine | #7FFFD4 | (127,255,212) | |
powder blue | #B0E0E6 | (176,224,230) | |
cadet blue | #5F9EA0 | (95,158,160) | |
steel blue | #4682B4 | (70,130,180) | |
corn flower blue | #6495ED | (100,149,237) | |
deep sky blue | #00BFFF | (0,191,255) | |
dodger blue | #1E90FF | (30,144,255) | |
light blue | #ADD8E6 | (173,216,230) | |
sky blue | #87CEEB | (135,206,235) | |
light sky blue | #87CEFA | (135,206,250) | |
midnight blue | #191970 | (25,25,112) | |
navy | #000080 | (0,0,128) | |
dark blue | #00008B | (0,0,139) | |
medium blue | #0000CD | (0,0,205) | |
blue | #0000FF | (0,0,255) | |
royal blue | #4169E1 | (65,105,225) | |
blue violet | #8A2BE2 | (138,43,226) | |
indigo | #4B0082 | (75,0,130) | |
dark slate blue | #483D8B | (72,61,139) | |
slate blue | #6A5ACD | (106,90,205) | |
medium slate blue | #7B68EE | (123,104,238) | |
medium purple | #9370DB | (147,112,219) | |
dark magenta | #8B008B | (139,0,139) | |
dark violet | #9400D3 | (148,0,211) | |
dark orchid | #9932CC | (153,50,204) | |
medium orchid | #BA55D3 | (186,85,211) | |
purple | #800080 | (128,0,128) | |
thistle | #D8BFD8 | (216,191,216) | |
plum | #DDA0DDD | (221,160,221) | |
violet | #EE82EE | (238,130,238) | |
magenta / fuchsia | #FF00FF | (255,0,255) | |
orchid | #DA70D6 | (218,112,214) | |
medium violet red | #C71585 | (199,21,133) | |
pale violet red | #DB7093 | (219,112,147) | |
deep pink | #FF1493 | (255,20,147) | |
hot pink | #FF69B4 | (255,105,180) | |
light pink | #FFB6C1 | (255,182,193) | |
pink | #FFC0CB | (255,192,203) | |
antique white | #FAEBD7 | (250,235,215) | |
beige | #F5F5DC | (245,245,220) | |
bisque | #FFE4C4 | (255,228,196) | |
blanched almond | #FFEBCD | (255,235,205) | |
wheat | #F5DEB3 | (245,222,179) | |
corn silk | #FFF8DC | (255,248,220) | |
lemon chiffon | #FFFACD | (255,250,205) | |
light golden rod yellow | #FAFAD2 | (250,250,210) | |
light yellow | #FFFFE0 | (255,255,224) | |
saddle brown | #8B4513 | (139,69,19) | |
sienna | #A0522D | (160,82,45) | |
chocolate | #D2691E | (210,105,30) | |
peru | #CD853F | (205,133,63) | |
sandy brown | #F4A460 | (244,164,96) | |
burly wood | #DEB887 | (222,184,135) | |
so | #D2B2B48C | (210,180,140) | |
rosy brown | #BC8F8F | (188,143,143) | |
moccasin | #FFE4B5 | (255,228,181) | |
navajo white | #FFDEAD | (255,222,173) | |
peach puff | #FFDAB9 | (255,218,185) | |
misty rose | #FFE4E1 | (255,228,225) | |
lavender blush | #FFF0F5 | (255,240,245) | |
linen | #FAF0E6 | (250,240,230) | |
old lace | #FDF5E6 | (253,245,230) | |
papaya whip | #FFEFD5 | (255,239,213) | |
sea shell | #FFF5EE | (255,245,238) | |
mint cream | #F5FFFA | (245,255,250) | |
slate gray | #708090 | (112,128,144) | |
light slate gray | #778899 | (119,136,153) | |
light steel blue | #B0C4DE | (176,196,222) | |
lavender | #E6E6FA | (230,230,250) | |
floral white | #FFFAF0 | (255,250,240) | |
alice blue | #F0F8FF | (240,248,255) | |
ghost white | #F8F8FF | (248,248,255) | |
honeydew | #F0FFF0 | (240,255,240) | |
ivory | #FFFFFFF0 | (255,255,240) | |
azure | #F0FFFF | (240,255,255) | |
snow | #FFFAFAFA | (255,250,250) | |
black | #000000 | (0,0,0) | |
dim gray / dim grey | #696969 | (105,105,105) | |
gray / grey | #808080 | (128,128,128) | |
dark gray / dark grey | #A9A9A9A9 | (169,169,169) | |
silver | #C0C0C0 | (192,192,192) | |
light gray / light grey | #D3D3D3D3 | (211,211,211) | |
gainsboro | #DCDCDC | (220,220,220) | |
white smoke | #F5F5F5F5 | (245,245,245) | |
white | #FFFFFFFF | (255,255,255) |
RGB Color Picker
In the video above, we show you how our RGB color picker or in other words, the RGB color picker.
Undoubtedly, a very useful tool for designers of all kinds and without having to resort to programs such as Photoshop or similar.
Converters from RGB to other color models
Here we leave you with other converters that will allow you to convert colors to RGB to other color models such as hexadecimal, CMYK, HSL or HSV: