RGB representa colores utilizando tres números que indican las intensidades de rojo, verde y azul. HEX, por otro lado, utiliza código hexadecimal que comienza con # para representar los mismos tres colores. Al elegir los colores, es importante considerar la accesibilidad y el contraste. Los colores deben elegirse de manera que el texto sea legible para todos los usuarios, incluidos aquellos con discapacidad visual.
El color HEX no es más que una representación hexadecimal de RGB. Los colores se representan como tres grupos de dígitos hexadecimales, donde cada grupo es responsable de su propio color: #112233, donde 11 es rojo, 22 es verde y 33 es azul. Todos los valores deben estar entre 00 y FF.
No hay diferencia de información entre los colores RGB y HEX; son simplemente formas diferentes de transmitir lo mismo: el significado del rojo, el verde y el azul. HEX, junto con su primo RGB, es uno de los lenguajes de color utilizados en codificación como CSS. HEX es una referencia numérica simbólica a los números RGB.
Colores de nombre HTML | MALEFICIO | RGB |
---|---|---|
Tonos rojos: |
||
Rojo indio | #CD5C5C | 205, 92 , 92 |
Coral claro | #F08080 | 240, 128, 128 |
Salmón | #FA8072 | 250, 128, 114 |
Salmón oscuro | #E9967A | 233, 150, 122 |
Salmón claro | #FFA07A | 255, 160, 122 |
Carmesí | #DC143C | 220, 20 , 60 |
Rojo | #FF0000 | 255, 0 , 0 |
Ladrillo refractario | #B22222 | 178, 34 , 34 |
Rojo oscuro | #8B0000 | 139, 0 , 0 |
Tonos rosados: |
||
Rosa | #FFC0CB | 255, 192, 203 |
Rosa claro | #FFB6C1 | 255, 182, 193 |
Rosa fuerte | #FF69B4 | 255, 105, 180 |
Rosa oscuro | #FF1493 | 255, 20 , 147 |
Violeta medio rojo | #C71585 | 199, 21 , 133 |
Violeta pálido rojo | #DB7093 | 219, 112, 147 |
Tonos naranjas: |
||
Salmón claro | #FFA07A | 255, 160, 122 |
Coral | #FF7F50 | 255, 127, 80 |
Tomate | #FF6347 | 255, 99 , 71 |
NaranjaRojo | #FF4500 | 255, 69 , 0 |
naranja oscuro | #FF8C00 | 255, 140, 0 |
Naranja | #FFA500 | 255, 165, 0 |
Tonos amarillos: |
||
Oro | #FFD700 | 255, 215, 0 |
Amarillo | #FFFF00 | 255, 255, 0 |
Amarillo claro | #FFFFE0 | 255, 255, 224 |
Limón Chiffon | #FFFACD | 255, 250, 205 |
Amarillo vara de oro claro | #FAFAD2 | 250, 250, 210 |
Batido de papaya | #FFEFD5 | 255, 239, 213 |
Mocasín | #FFE4B5 | 255, 228, 181 |
Puff de melocotón | #FFDAB9 | 255, 218, 185 |
Vara de oro pálida | #EEE8AA | 238, 232, 170 |
Caqui | #F0E68C | 240, 230, 140 |
Caqui oscuro | #BDB76B | 189, 183, 107 |
Tonos violetas: |
||
Lavanda | #E6E6FA | 230, 230, 250 |
Cardo | #D8BFD8 | 216, 191, 216 |
Ciruela | #PAPA0DD | 221, 160, 221 |
Violeta | #EE82EE | 238, 130, 238 |
Orquídea | #DA70D6 | 218, 112, 214 |
Fucsia | #FF00FF | 255, 0 , 255 |
Magenta | #FF00FF | 255, 0 , 255 |
Orquídea mediana | #BA55D3 | 186, 85 , 211 |
Morado medio | #9370DB | 147, 112, 219 |
Azul violeta | #8A2BE2 | 138, 43 , 226 |
Violeta oscuro | #9400D3 | 148, 0 , 211 |
orquídea oscura | #9932CC | 153, 50 , 204 |
magenta oscuro | #8B008B | 139, 0 , 139 |
Púrpura | #800080 | 128, 0 , 128 |
Índigo | #4B0082 | 75 , 0 , 130 |
Azul pizarra | #6A5ACD | 106, 90 , 205 |
Azul pizarra oscuro | #483D8B | 72 , 61 , 139 |
Tonos marrones: |
||
Seda de maíz | #FFF8DC | 255, 248, 220 |
Almendra blanqueada | #FFEBCD | 255, 235, 205 |
Sopa de mariscos | #FFE4C4 | 255, 228, 196 |
NavajoBlanco | #FEDEAT | 255, 222, 173 |
Trigo | #F5DEB3 | 245, 222, 179 |
Madera burly | #DEB887 | 222, 184, 135 |
Broncearse | #D2B48C | 210, 180, 140 |
RosyMarrón | #BC8F8F | 188, 143, 143 |
Sandy Marrón | #F4A460 | 244, 164, 96 |
Vara de oro | #DAA520 | 218, 165, 32 |
Vara de oro oscura | #B8860B | 184, 134, 11 |
Perú | #CD853F | 205, 133, 63 |
Chocolate | #D2691E | 210, 105, 30 |
Marrón silla de montar | #8B4513 | 139, 69 , 19 |
Tierra de siena | #A0522D | 160, 82 , 45 |
Marrón | #A52A2A | 165, 42 , 42 |
Granate | #800000 | 128, 0 , 0 |
Colores primarios: |
||
Negro | #000000 | 0 , 0 , 0 |
Gris | #808080 | 128, 128, 128 |
Plata | #C0C0C0 | 192, 192, 192 |
Blanco | #FFFFFF | 255, 255, 255 |
Fucsia | #FF00FF | 255, 0 , 255 |
Púrpura | #800080 | 128, 0 , 128 |
Rojo | #FF0000 | 255, 0 , 0 |
Granate | #800000 | 128, 0 , 0 |
Amarillo | #FFFF00 | 255, 255, 0 |
Aceituna | #808000 | 128, 128, 0 |
Cal | #00FF00 | 0 , 255, 0 |
Verde | #008000 | 0 , 128, 0 |
Agua | #00FFFF | 0 , 255, 255 |
Verde azulado | #008080 | 0 , 128, 128 |
Azul | #0000FF | 0 , 0 , 255 |
Marina de guerra | #000080 | 0 , 0 , 128 |
Colores de nombre HTML | MALEFICIO | RGB |
---|---|---|
Tonos verdes: |
||
VerdeAmarillo | #ADFF2F | 173, 255, 47 |
Monasterio | #7FFF00 | 127, 255, 0 |
Césped verde | #7CFC00 | 124, 252, 0 |
Cal | #00FF00 | 0 , 255, 0 |
Verde lima | #32CD32 | 50 , 205, 50 |
Verde pálido | #98FB98 | 152, 251, 152 |
Verde claro | #90EE90 | 144, 238, 144 |
Verde primaveral medio | #00FA9A | 0 , 250, 154 |
Primavera verde | #00FF7F | 0 , 255, 127 |
Verde mar medio | #3CB371 | 60 , 179, 113 |
Verdemar | #2E8B57 | 46 , 139, 87 |
Verde bosque | #228B22 | 34 , 139, 34 |
Verde | #008000 | 0 , 128, 0 |
Verde oscuro | #006400 | 0 , 100, 0 |
AmarilloVerde | #9ACD32 | 154, 205, 50 |
OliveDrab | #6B8E23 | 107, 142, 35 |
Aceituna | #808000 | 128, 128, 0 |
Verde oliva oscuro | #556B2F | 85 , 107, 47 |
Aguamarina mediana | #66 CDAA | 102, 205, 170 |
Verde mar oscuro | #8FBC8F | 143, 188, 143 |
Verde mar claro | #20B2AA | 32 , 178, 170 |
Cian oscuro | #008B8B | 0 , 139, 139 |
Verde azulado | #008080 | 0 , 128, 128 |
Tonos azules: |
||
Agua | #00FFFF | 0 , 255, 255 |
Cian | #00FFFF | 0 , 255, 255 |
Cian claro | #E0FFFF | 224, 255, 255 |
Turquesa pálido | #AFEEEE | 175, 238, 238 |
Aguamarina | #7FFFD4 | 127, 255, 212 |
Turquesa | #40E0D0 | 64 , 224, 208 |
Turquesa medio | #48D1CC | 72 , 209, 204 |
turquesa oscuro | #00CED1 | 0 , 206, 209 |
Cadete Azul | #5F9EA0 | 95 , 158, 160 |
Azul acero | #4682B4 | 70 , 130, 180 |
Azul acero claro | #B0C4DE | 176, 196, 222 |
Azul polvoriento | #B0E0E6 | 176, 224, 230 |
Azul claro | #ADD8E6 | 173, 216, 230 |
Celeste | #87CEEB | 135, 206, 235 |
Azul cielo claro | #87CEFA | 135, 206, 250 |
Azul cielo profundo | #00BFFF | 0 , 191, 255 |
Azul de los Dodgers | #1E90FF | 30 , 144, 255 |
Aciano Azul | #6495ED | 100, 149, 237 |
Azul pizarra medio | #7B68EE | 123, 104, 238 |
azul real | #4169E1 | 65 , 105, 225 |
Azul | #0000FF | 0 , 0 , 255 |
Azul medio | #0000CD | 0 , 0 , 205 |
Azul oscuro | #00008B | 0 , 0 , 139 |
Marina de guerra | #000080 | 0 , 0 , 128 |
Azul medianoche | #191970 | 25 , 25 , 112 |
Tonos blancos: |
||
Blanco | #FFFFFF | 255, 255, 255 |
Nieve | #FFFAFA | 255, 250, 250 |
Gotas de miel | #F0FFF0 | 240, 255, 240 |
Crema de menta | #F5FFFA | 245, 255, 250 |
Azur | #Mierda | 240, 255, 255 |
Alice Azul | #F0F8FF | 240, 248, 255 |
Fantasma blanco | #F8F8FF | 248, 248, 255 |
humo blanco | #F5F5F5 | 245, 245, 245 |
Concha | #FFF5EE | 255, 245, 238 |
Beige | #F5F5DC | 245, 245, 220 |
Encaje antiguo | #FDF5E6 | 253, 245, 230 |
FloralBlanco | #FFFAF0 | 255, 250, 240 |
Marfil | #FFFFF0 | 255, 255, 240 |
Blanco antiguo | #FAEBD7 | 250, 235, 215 |
Lino | #FAF0E6 | 250, 240, 230 |
Lavanda rubor | #FFF0F5 | 255, 240, 245 |
Rosa brumosa | #FFE4E1 | 255, 228, 225 |
Tonos grises: |
||
Gainsboro | #DCDCDC | 220, 220, 220 |
Gris claro | #D3D3D3 | 211, 211, 211 |
Gris claro | #D3D3D3 | 211, 211, 211 |
Plata | #C0C0C0 | 192, 192, 192 |
Gris oscuro | #A9A9A9 | 169, 169, 169 |
Gris oscuro | #A9A9A9 | 169, 169, 169 |
Gris | #808080 | 128, 128, 128 |
Gris | #808080 | 128, 128, 128 |
Gris oscuro | #696969 | 105, 105, 105 |
Gris oscuro | #696969 | 105, 105, 105 |
Gris pizarra claro | #778899 | 119, 136, 153 |
Gris pizarra claro | #778899 | 119, 136, 153 |
Gris pizarra | #708090 | 112, 128, 144 |
Gris pizarra | #708090 | 112, 128, 144 |
Gris pizarra oscuro | #2F4F4F | 47 , 79 , 79 |
Gris pizarra oscuro | #2F4F4F | 47 , 79 , 79 |
Negro | #000000 | 0 , 0 , 0 |