|
W
E
B
C
O
L
O
R
G
U
I
D
E
Guía de colores para Internet |
 This guide is designed to assist you when adding color to web pages. The hexadecimal RRGGBB values can be used with HTML tags such as BGCOLOR=, TEXT=, LINK=, VLINK=, ALINK=, FONT COLOR=, and BORDERCOLOR=.
Use the RGB and CMYK equivalents to match the HTML colors when designing graphics. A chart showing color names that can be used instead of hexadecimal values is included in this guide. Bear in mind that colors may not appear as intended when applied to graphic files that utilize "loosy" compression such as JPEG.
Also, colors will vary their appearance depending on the quality and settings of the monitor.
|
Esta guía representa los colores que se pueden introducir en el diseño de páginas web usando los valores hexadecimales RRGGBB con las etiquetas HTML BGCOLOR=, BORDERCOLOR=, TEXT=, LINK=, VLINK=, ALINK=, y FONT COLOR=.
Cada color en esta guía incluye también sus valores RGB y CMYK para asistir en el diseño de archivos gráficos. Una tabla mostrando los
| HTML: ffffcc
RGB: 255,255,204 CMYK: 0,0,20,0 |
HTML: ffff99
RGB: 255,255,153 CMYK: 0,0,40,0 |
HTML: ffff66
RGB: 255,204,102 CMYK: 0,0,60,0 |
|||
| HTML: ffff33
RGB: 255,255,51 CMYK: 0,0,80,0 |
HTML: ffff00
RGB: 255,255,0 CMYK: 0,0,100,0 |
HTML: cccc00
RGB: 204,204,0 CMYK: 20,20,100,0 |
|||
| HTML: ffcc66
RGB: 255,204,102 CMYK: 0,20,60,0 |
HTML: ffcc00
RGB: 255,204,0 CMYK: 0,20,100,0 |
HTML: ffcc33
RGB: 255,204,51 CMYK: 0,20,80,0 |
|||
| HTML: cc9900
RGB: 204,153,0 CMYK: 20,40,100,0 |
HTML: cc9933
RGB: 204,153,51 CMYK: 20,40,80,0 |
HTML: 996600
RGB: 153,102,0 CMYK: 40,60,100,0 |
|||
| HTML: ff9900
RGB: 255,153,0 CMYK: 0,40,100,0 |
HTML: ff9933
RGB: 255,153,51 CMYK: 0,40,80,0 |
HTML: cc9966
RGB: 204,153,102 CMYK: 20,40,60,0 |
|||
| HTML: cc6600
RGB: 204,102,0 CMYK: 20,60,100,0 |
HTML: 996633
RGB: 153,102,51 CMYK: 40,60,80,0 |
HTML: 663300
RGB: 102,51,0 CMYK: 60,80,100,0 |
|||
| HTML: ffcc99
RGB: 255,204,153 CMYK: 0,20,40,0 |
HTML: ff9966
RGB: 255,153,102 CMYK: 0,40,60,0 |
HTML: ff6600
RGB: 255,102,0 CMYK: 0,60,100,0 |
|||
| HTML: cc6633
RGB: 204,102,51 CMYK: 20,60,80,0 |
HTML: 993300
RGB: 153,51,0 CMYK: 40,80,100,0 |
HTML: 660000
RGB: 102,0,0 CMYK: 60,100,100,0 |
|||
| HTML: ff6633
RGB: 255,102,51 CMYK: 0,60,80,0 |
HTML: cc3300
RGB: 204,51,0 CMYK: 20,80,100,0 |
HTML: ff3300
RGB: 255,51,0 CMYK: 0,80,100,0 |
|||
| HTML: ff0000
RGB: 255,0,0 CMYK: 0,100,100,0 |
HTML: cc0000
RGB: 204,0,0 CMYK: 20,100,100,0 |
HTML: 990000
RGB: 153,0,0 CMYK: 40,100,100,0 |
|||
| HTML: ffcccc
RGB: 255,204,204 CMYK: 0,20,20,0 |
HTML: ff9999
RGB: 255,153,153 CMYK: 0,40,40,0 |
HTML: ff6666
RGB: 255,102,102 CMYK: 0,60,60,0 |
|||
| HTML: ff3333
RGB: 255,51,51 CMYK: 0,80,80,0 |
HTML: ff0033
RGB: 255,0,51 CMYK: 0,100,80,0 |
HTML: cc0033
RGB: 204,0,51 CMYK: 20,100,80,0 |
|||
| HTML: cc9999
RGB: 204,153,153 CMYK: 20,40,40,0 |
HTML: cc6666
RGB: 204,102,102 CMYK: 20,60,60,0 |
HTML: cc3333
RGB: 204,51,51 CMYK: 20,80,80,0 |
|||
| HTML: 993333
RGB: 153,51,51 CMYK: 40,80,80,0 |
HTML: 990033
RGB: 153,0,51 CMYK: 40,100,80,0 |
HTML: 330000
RGB: 51,0,0 CMYK: 80,100,100,0 |
|||
| HTML: ff6699
RGB: 255,102,153 CMYK: 0,60,40,0 |
HTML: ff3366
RGB: 255,51,102 CMYK: 0,80,60,0 |
HTML: ff0066
RGB: 255,0,102 CMYK: 0,100,60,0 |
|||
| HTML: cc3366
RGB: 204,51,102 CMYK: 20,80,60,0 |
HTML: 996666
RGB: 153,102,102 CMYK: 40,60,60,0 |
HTML: 663333
RGB: 102,51,51 CMYK: 60,80,80,0 |
|||
| HTML: ff99cc
RGB: 255,153,204 CMYK: 0,40,20,0 |
HTML: ff3399
RGB: 255,51,153 CMYK: 0,80,40,0 |
HTML: ff0099
RGB: 255,0,153 CMYK: 0,100,40,0 |
|||
| HTML: cc0066
RGB: 204,0,102 CMYK: 20,100,60,0 |
HTML: 993366
RGB: 153,51,102 CMYK: 40,80,60,0 |
HTML: 660033
RGB: 102,0,51 CMYK: 60,100,80,0 |
|||
| HTML: ff66cc
RGB: 255,102,204 CMYK: 0,60,20,0 |
HTML: ff00cc
RGB: 255,0,204 CMYK: 0,100,20,0 |
HTML: ff33cc
RGB: 255,51,204 CMYK: 0,80,20,0 |
|||
| HTML: cc6699
RGB: 204,102,153 CMYK: 20,60,40,0 |
HTML: cc0099
RGB: 204,0,153 CMYK: 20,100,40,0 |
HTML: 990066
RGB: 153,0,102 CMYK: 40,100,60,0 |
|||
| HTML: ffccff
RGB: 255,204,255 CMYK: 0,20,0,0 |
HTML: ff99ff
RGB: 255,153,255 CMYK: 0,40,0,0 |
HTML: ff66ff
RGB: 255,102,255 CMYK: 0,60,0,0 |
|||
| HTML: ff33ff
RGB: 255,51,255 CMYK: 0,80,0,0 |
HTML: ff00ff
RGB: 255,0,255 CMYK: 0,100,0,0 |
HTML: cc3399
RGB: 204,51,153 CMYK: 20,80,40,0 |
|||
| HTML: cc99cc
RGB: 204,153,204 CMYK: 20,40,20,0 |
HTML: cc66cc
RGB: 204,102,204 CMYK: 20,60,20,0 |
HTML: cc00cc
RGB: 204,0,204 CMYK: 20,100,20,0 |
|||
| HTML: cc33cc
RGB: 204,51,204 CMYK: 20,80,20,0 |
HTML: 990099
RGB: 153,0,153 CMYK: 40,100,40,0 |
HTML: 993399
RGB: 153,51,153 CMYK: 40,80,40,0 |
|||
| HTML: cc66ff
RGB: 204,102,255 CMYK: 20,60,0,0 |
HTML: cc33ff
RGB: 204,51,255 CMYK: 20,80,0,0 |
HTML: cc00ff
RGB: 204,0,255 CMYK: 20,100,0,0 |
|||
| HTML: 9900cc
RGB: 153,0,204 CMYK: 40,100,20,0 |
HTML: 996699
RGB: 153,102,153 CMYK: 40,60,40,0 |
HTML: 660066
RGB: 102,0,102 CMYK: 60,100,60,0 |
|||
| HTML: cc99ff
RGB: 204,153,255 CMYK: 20,40,0,0 |
HTML: 9933cc
RGB: 153,51,204 CMYK: 40,80,20,0 |
HTML: 9933ff
RGB: 153,51,255 CMYK: 40,80,0,0 |
|||
| HTML: 9900ff
RGB: 153,0,255 CMYK: 40,100,0,0 |
HTML: 660099
RGB: 102,0,153 CMYK: 60,100,40,0 |
HTML: 663366
RGB: 102,51,102 CMYK: 60,80,60,0 |
|||
| HTML: 9966cc
RGB: 153,102,204 CMYK: 40,60,20,0 |
HTML: 9966ff
RGB: 153,102,255 CMYK: 40,60,0,0 |
HTML: 6600cc
RGB: 102,0,204 CMYK: 60,100,20,0 |
|||
| HTML: 6633cc
RGB: 102,51,204 CMYK: 60,80,20,0 |
HTML: 663399
RGB: 102,51,153 CMYK: 60,80,40,0 |
HTML: 330033
RGB: 51,0,51 CMYK: 80,100,80,0 |
|||
| HTML: ccccff
RGB: 204,204,255 CMYK: 20,20,0,0 |
HTML: 9999ff
RGB: 153,153,255 CMYK: 40,40,0,0 |
HTML: 6633ff
RGB: 102,51,255 CMYK: 60,80,0,0 |
|||
| HTML: 6600ff
RGB: 102,0,255 CMYK: 60,100,0,0 |
HTML: 330099
RGB: 51,0,153 CMYK: 80,100,40,0 |
HTML: 330066
RGB: 51,0,102 CMYK: 80,100,60,0 |
|||
| HTML: 9999cc
RGB: 153,153,204 CMYK: 40,40,20,0 |
HTML: 6666ff
RGB: 102,102,255 CMYK: 60,60,0,0 |
HTML: 6666cc
RGB: 102,102,204 CMYK: 60,60,20,0 |
|||
| HTML: 666699
RGB: 102,102,153 CMYK: 60,60,40,0 |
HTML: 333399
RGB: 51,51,153 CMYK: 80,80,40,0 |
HTML: 333366
RGB: 51,51,102 CMYK: 80,80,60,0 |
|||
| HTML: 3333ff
RGB: 51,51,255 CMYK: 80,80,0,0 |
HTML: 3300ff
RGB: 51,0,255 CMYK: 80,100,0,0 |
HTML: 3300cc
RGB: 51,0,204 CMYK: 80,100,20,0 |
|||
| HTML: 3333cc
RGB: 51,51,204 CMYK: 80,80,20,0 |
HTML: 000099
RGB: 0,0,153 CMYK: 100,100,40,0 |
HTML: 000066
RGB: 0,0,102 CMYK: 100,100,60,0 |
|||
| HTML: 6699ff
RGB: 102,153,255 CMYK: 60,40,0,0 |
HTML: 3366ff
RGB: 51,102,255 CMYK: 80,60,0,0 |
HTML: 0000ff
RGB: 0,0,255 CMYK: 100,100,0,0 |
|||
| HTML: 0000cc
RGB: 0,0,204 CMYK: 100,100,20,0 |
HTML: 0033cc
RGB: 0,51,204 CMYK: 100,80,20,0 |
HTML: 000033
RGB: 0,0,51 CMYK: 100,100,80,0 |
|||
| HTML: 0066ff
RGB: 0,102,255 CMYK: 100,60,0,0 |
HTML: 0066cc
RGB: 0,102,204 CMYK: 100,60,20,0 |
HTML: 3366cc
RGB: 51,102,204 CMYK: 80,60,20,0 |
|||
| HTML: 0033ff
RGB: 0,51,255 CMYK: 100,80,0,0 |
HTML: 003399
RGB: 0,51,153 CMYK: 100,80,40,0 |
HTML: 003366
RGB: 0,51,102 CMYK: 100,80,60,0 |
|||
| HTML: 99ccff
RGB: 153,204,255 CMYK: 40,20,0,0 |
HTML: 3399ff
RGB: 51,153,255 CMYK: 80,40,0,0 |
HTML: 0099ff
RGB: 0,153,255 CMYK: 100,40,0,0 |
|||
| HTML: 6699cc
RGB: 102,153,204 CMYK: 60,40,20,0 |
HTML: 336699
RGB: 51,102,153 CMYK: 80,60,40,0 |
HTML: 006699
RGB: 0,102,153 CMYK: 100,600,40,0 |
|||
| HTML: 66ccff
RGB: 102,204,255 CMYK: 60,20,0,0 |
HTML: 33ccff
RGB: 51,204,255 CMYK: 80,20,0,0 |
HTML: 00ccff
RGB: 0,204,255 CMYK: 100,20,0,0 |
|||
| HTML: 3399cc
RGB: 51,153,204 CMYK: 80,40,20,0 |
HTML: 0099cc
RGB: 0,153,204 CMYK: 100,40,20,0 |
HTML: 003333
RGB: 0,51,51 CMYK: 100,80,80,0 |
|||
| HTML: 99cccc
RGB: 153,204,204 CMYK: 40,20,20,0 |
HTML: 66cccc
RGB: 102,204,204 CMYK: 60,20,20,0 |
HTML: 339999
RGB: 51,153,153 CMYK: 80,40,40,0 |
|||
| HTML: 669999
RGB: 102,153,153 CMYK: 60,40,40,0 |
HTML: 006666
RGB: 0,102,102 CMYK: 100,60,60,0 |
HTML: 336666
RGB: 51,102,102 CMYK: 80,60,60,0 |
|||
| HTML: ccffff
RGB: 204,255,255 CMYK: 20,0,0,0 |
HTML: 99ffff
RGB: 153,255,255 CMYK: 40,0,0,0 |
HTML: 66ffff
RGB: 102,255,255 CMYK: 60,0,0,0 |
|||
| HTML: 33ffff
RGB: 51,255,255 CMYK: 80,0,0,0 |
HTML: 00ffff
RGB: 0,255,255 CMYK: 100,0,0,0 |
HTML: 00cccc
RGB: 0,204,204 CMYK: 100,20,20,0 |
|||
| HTML: 99ffcc
RGB: 153,255,204 CMYK: 40,0,20,0 |
HTML: 66ffcc
RGB: 102,255,204 CMYK: 60,0,20,0 |
HTML: 33ffcc
RGB: 51,255,204 CMYK: 80,0,20,0 |
|||
| HTML: 00ffcc
RGB: 0,255,204 CMYK: 100,0,20,0 |
HTML: 33cccc
RGB: 51,204,204 CMYK: 80,20,20,0 |
HTML: 009999
RGB: 0,153,153 CMYK: 100,40,40,0 |
|||
| HTML: 66cc99
RGB: 102,204,153 CMYK: 60,20,40,0 |
HTML: 33cc99
RGB: 51,204,153 CMYK: 80,20,40,0 |
HTML: 00cc99
RGB: 0,204,153 CMYK: 100,20,40,0 |
|||
| HTML: 339966
RGB: 51,153,102 CMYK: 80,40,60,0 |
HTML: 009966
RGB: 0,153,102 CMYK: 100,40,60,0 |
HTML: 006633
RGB: 0,102,51 CMYK: 100,60,80,0 |
|||
| HTML: 66ff99
RGB: 102,255,153 CMYK: 60,0,40,0 |
HTML: 33ff99
RGB: 51,255,153 CMYK: 80,0,40,0 |
HTML: 00ff99
RGB: 0,255,153 CMYK: 100,0,40,0 |
|||
| HTML: 3366cc
RGB: 51,204,102 CMYK: 80,20,60,0 |
HTML: 00cc66
RGB: 0,204,102 CMYK: 100,20,60,0 |
HTML: 009933
RGB: 0,153,51 CMYK: 100,40,80,0 |
|||
| HTML: 99ff99
RGB: 153,255,153 CMYK: 40,0,40,0 |
HTML: 66ff66
RGB: 102,255,102 CMYK: 60,0,60,0 |
HTML: 33ff66
RGB: 51,255,102 CMYK: 80,0,60,0 |
|||
| HTML: 00ff66
RGB: 0,255,102 CMYK: 100,0,60,0 |
HTML: 339933
RGB: 51,153,51 CMYK: 80,40,80,0 |
HTML: 006600
RGB: 0,102,0 CMYK: 100,60,100,0 |
|||
| HTML: ccffcc
RGB: 204,255,204 CMYK: 20,0,20,0 |
HTML: 99cc99
RGB: 153,204,153 CMYK: 40,20,40,0 |
HTML: 66cc66
RGB: 102,204,102 CMYK: 60,20,60,0 |
|||
| HTML: 669966
RGB: 102,153,102 CMYK: 60,40,60,0 |
HTML: 336633
RGB: 51,102,51 CMYK: 80,60,80,0 |
HTML: 003300
RGB: 0,51,0 CMYK: 100,80,100,0 |
|||
| HTML: 33ff33
RGB: 51,255,51 CMYK: 80,0,80,0 |
HTML: 00ff33
RGB: 0,255,51 CMYK: 100,0,80,0 |
HTML: 00ff00
RGB: 0,255,0 CMYK: 100,0,100,0 |
|||
| HTML: 00cc00
RGB: 0,204,0 CMYK: 100,20,100,0 |
HTML: 33cc33
RGB: 51,204,51 CMYK: 80,20,80,0 |
HTML: 00cc33
RGB: 0,204,51 CMYK: 100,20,80,0 |
|||
| HTML: 66ff00
RGB: 102,255,0 CMYK: 60,0,100,0 |
HTML: 66ff33
RGB: 102,255,51 CMYK: 60,0,80,0 |
HTML: 33ff00
RGB: 51,255,0 CMYK: 80,0,100,0 |
|||
| HTML: 33cc00
RGB: 51,204,0 CMYK: 80,20,100,0 |
HTML: 339900
RGB: 51,153,0 CMYK: 80,40,100,0 |
HTML: 009900
RGB: 0,153,0 CMYK: 100,40,100,0 |
|||
| HTML: ccff99
RGB: 204,255,153 CMYK: 20,0,40,0 |
HTML: 99ff66
RGB: 153,255,102 CMYK: 40,0,60,0 |
HTML: 66cc00
RGB: 102,204,0 CMYK: 60,20,100,0 |
|||
| HTML: 66cc33
RGB: 102,204,51 CMYK: 60,20,80,0 |
HTML: 669933
RGB: 102,153,51 CMYK: 60,40,80,0 |
HTML: 336600
RGB: 51,102,0 CMYK: 80,60,100,0 |
|||
| HTML: 99ff00
RGB: 153,255,0 CMYK: 40,0,100,0 |
HTML: 99ff33
RGB: 153,255,51 CMYK: 40,0,80,0 |
HTML: 99cc66
RGB: 153,204,102 CMYK: 40,20,60,0 |
|||
| HTML: 99cc00
RGB: 153,204,0 CMYK: 40,20,100,0 |
HTML: 99cc33
RGB: 153,204,51 CMYK: 40,20,80,0 |
HTML: 669900
RGB: 102,153,0 CMYK: 60,40,100,0 |
|||
| HTML: ccff66
RGB: 204,255,102 CMYK: 20,0,60,0 |
HTML: ccff00
RGB: 204,255,0 CMYK: 20,0,100,0 |
HTML: ccff33
RGB: 204,255,51 CMYK: 20,0,80,0 |
|||
| HTML: cccc99
RGB: 204,204,153 CMYK: 20,20,40,0 |
HTML: 666633
RGB: 102,102,51 CMYK: 60,60,80,0 |
HTML: 333300
RGB: 51,51,0 CMYK: 80,80,100,0 |
|||
| HTML: cccc66
RGB: 204,204,102 CMYK: 20,20,60,0 |
HTML: cccc33
RGB: 204,204,51 CMYK: 20,20,80,0 |
HTML: 999966
RGB: 153,153,102 CMYK: 40,40,60,0 |
|||
| HTML: 999933
RGB: 153,153,51 CMYK: 40,40,80,0 |
HTML: 999900
RGB: 153,153,0 CMYK: 40,40,100,0 |
HTML: 666600
RGB: 102,102,0 CMYK: 60,60,100,0 |
|||
| HTML: ffffff
RGB: 255,255,255 CMYK: 0,0,0,0 |
HTML: cccccc
RGB: 204,204,204 CMYK: 20,20,20,0 |
HTML: 999999
RGB: 153,153,153 CMYK: 40,40,40,0 |
|||
| HTML: 666666
RGB: 102,102,102 CMYK: 60,60,60,0 |
HTML: 333333
RGB: 51,51,51 CMYK: 80,80,80,0 |
HTML: 000000
RGB: 0,0,0 CMYK: 100,100,100,0 |
Use these names as values with your HTML color tags.
Use los nombres de estos colores con las etiquetas HTML.
| azure | aqua | beige | aquamarine | antiquewhite | aliceblue |
| blueviolet | blue | brown | blueviolet | blanchedalmond | bisqueblack |
| burlywood | cade | cornflowerblue | coral | chartreuse | cornsilk |
| darkgoldenrod | darkblue | darkgray | darkcyan | cyan | cadetblue |
| darkorange | darkmagenta | darkorchid | darkolivegreen | darkkhaki | crimson |
| darkslategray | darkseagreen | darkturquoise | darkslateblue | darksalmon | darkgreen |
| dodgerblue | deepskyblue | firebrick | dimgray | deeppink | darkred |
| ghostwhite | fuchsia | gold | gainsboro | forestgreen | darkviolet |
| honeydew | green | hotpink | greenyellow | gray | floralwhite |
| lavender | ivory | lavenderblush | khaki | indigo | goldenrod |
| lightcoral | lightblue | lightcyan | turquoise | lemonchiffon | indianred |
| lightseagreen | lightpink | lightskyblue | lightsalmon | lightgray | lawngreen |
| limegreen | lightyellow | linen | lime | lightsteelblue | lightgreen |
| mediumvioletred | mediumblue | mediumpurple | mediumorchid | maroon | lightslategray |
| mediumseagreen | mediumspringgreen | midnightblue | mediumturquoise | mediumslateblue | magenta |
| orchid | moccasin | oldlace | navajowhite | mistyrose | navy |
| peachpuff | orange | palegoldenrod | orangered | olivedrab | mintcream |
| red | palevioletred | peru | papayawhip | paleturquoise | olive |
| sandybrown | salmon | rosybrown | purple | plum | palegreen |
| slategray | skyblue | seagreen | seashell | saddlebrown | pink |
| thistle | tan | snow | slateblue | silver | royalblue |
| whitesmoke | wheat | tomato | teal | steelblue | sienna |
| lightgoldenrodyellow | mediumaquamarine | yellow | white | violet | springgreen |
|