Labels

96404

120154

viernes, 7 de agosto de 2015

Los Colores - CÓDIGO RGB

CÓDIGO RGB

El código de colores RGB, rojo - verde - azul, se basa en la mezcla de estos 3 colores para conseguir toda la gama completa. Cada uno de los colores toma un valor entre 0 y 255, un total de 256, con los que se consigue un total de 256 x 256 x 256 = 16.777.216 colores distintos.
Este valor se representa en hexadecimal, con lo que el rango va de 00 a FF por cada uno de ellos. El código se expresa así: #RRGGBB siendo cada uno de los valores de 2 cifras el rango de cada uno de los 3 colores, con lo que optenemos el valor final que representa a cada color.
Dicho esto, podemos ver algunos ejemplos:

Negro: representa la ausencia de color, por tanto su valor será: #000000
- Blanco: es la mezcla de todos los colores: #FFFFFF
Rojotodo el tono es del rojo, siendo los otros 2 nulos: #FF0000
Verde: sólo aparece el verde, sin tener valor los otros 2: #00FF00
Azul: idéntico razonamiento, pero sólo con el azul: #0000FF
Vamos a ver en esta tabla los principales nombres de colores X11. El módulo CSS3:Color es posible de representar por la mayoría de navegadores:
ColorNombreCódigo RGBColorNombreCódigo RGB
AliceBlue#F0F8FFLightSalmon#FFA07A
AntiqueWhite#FAEBD7LightSeaGreen#20B2AA
Aqua#00FFFFLightSkyBlue#87CEFA
Aquamarine#7FFFD4LightSlateGray#778899
Azure#F0FFFFLightSteelBlue#B0C4DE
Beige#F5F5DCLightYellow#FFFFE0
Bisque#FFE4C4Lime#00FF00
Black#000000LimeGreen#32CD32
BlanchedAlmond#FFEBCDLinen#FAF0E6
Blue#0000FFMagenta#FF00FF
BlueViolet#8A2BE2Maroon#800000
Brown#A52A2AMediumAquamarine#66CDAA
BurlyWood#DEB887MediumBlue#0000CD
CadetBlue#5F9EA0MediumOrchid#BA55D3
Chartreuse#7FFF00MediumPurple#9370DB
Chocolate#D2691EMediumSeaGreen#3CB371
Coral#FF7F50MediumSlateBlue#7B68EE
CornflowerBlue#6495EDMediumSpringGreen#00FA9A
Cornsilk#FFF8DCMediumTurquoise#48D1CC
Crimson#DC143CMediumVioletRed#C71585
Cyan#00FFFFMidnightBlue#191970
DarkBlue#00008BMintCream#F5FFFA
DarkCyan#008B8BMistyRose#FFE4E1
DarkGoldenrod#B8860BMoccasin#FFE4B5
DarkGray#A9A9A9NavajoWhite#FFDEAD
DarkGreen#006400Navy#000080
DarkKhaki#BDB76BOldLace#FDF5E6
DarkMagenta#8B008BOlive#808000
DarkOliveGreen#556B2FOliveDrab#6B8E23
DarkOrange#FF8C00Orange#FFA500
DarkOrchid#9932CCOrangeRed#FF4500
DarkRed#8B0000Orchid#DA70D6
DarkSalmon#E9967APaleGoldenrod#EEE8AA
DarkSeaGreen#8FBC8FPaleGreen#98FB98
DarkSlateBlue#483D8BPaleTurquoise#AFEEEE
DarkSlateGray#2F4F4FPaleVioletRed#DB7093
DarkTurquoise#00CED1PapayaWhip#FFEFD5
DarkViolet#9400D3PeachPuff#FFDAB9
DeepPink#FF1493Peru#CD853F
DeepSkyBlue#00BFFFPink#FFC0CB
DimGray#696969Plum#DDA0DD
DodgerBlue#1E90FFPowderBlue#B0E0E6
FireBrick#B22222Purple#800080
FloralWhite#FFFAF0Red#FF0000
ForestGreen#228B22RosyBrown#BC8F8F
Fuchsia#FF00FFRoyalBlue#4169E1
Gainsboro#DCDCDCSaddleBrown#8B4513
GhostWhite#F8F8FFSalmon#FA8072
Gold#FFD700SandyBrown#F4A460
Goldenrod#DAA520SeaGreen#2E8B57
Gray#808080Seashell#FFF5EE
Green#008000Sienna#A0522D
GreenYellow#ADFF2FSilver#C0C0C0
Honeydew#F0FFF0SkyBlue#87CEEB
HotPink#FF69B4SlateBlue#6A5ACD
IndianRed#CD5C5CSlateGray#708090
Indigo#4B0082Snow#FFFAFA
Ivory#FFFFF0SpringGreen#00FF7F
Khaki#F0E68CSteelBlue#4682B4
Lavender#E6E6FATan#D2B48C
LavenderBlush#FFF0F5Teal#008080
LawnGreen#7CFC00Thistle#D8BFD8
LemonChiffon#FFFACDTomato#FF6347
LightBlue#ADD8E6Turquoise#40E0D0
LightCoral#F08080Violet#EE82EE
LightCyan#E0FFFFWheat#F5DEB3
LightGoldenrodYellow#FAFAD2White#FFFFFF
LightGreen#90EE90WhiteSmoke#F5F5F5
LightGrey#D3D3D3Yellow#FFFF00
LightPink#FFB6C1YellowGreen#9ACD32

No hay comentarios: