FORMATOS PARA APLICAR COLORES
Es importante destacar frases dentro de los contenidos de las páginas y es por ello que la utilización de colores es una forma atractiva de hacerlo.
A continuación te presentamos la lista de colores y los códigos que debes utilizar para aplicarlos junto con tus formatos.
COLORES ESTÁNDAR
| CÓDIGO DEL COLOR
| FORMATO PARA TEXTO
| RESULTADO
| FORMATO PARA FONDO
| RESULTADO
|
%blue%
| %blue% Azul
| Azul
| %bgcolor=blue% TEXTO
| TEXTO
|
%navy%
| %navy% Azul Marino
| Azul Marino
| %bgcolor=navy% TEXTO
| TEXTO
|
%green%
| %green% Verde
| Verde
| %bgcolor=green% TEXTO
| TEXTO
|
%black%
| %black% Negro
| Negro
| %bgcolor=black% TEXTO
| TEXTO
|
%gray%
| %gray% Plomo
| Plomo
| %bgcolor=gray% TEXTO
| TEXTO
|
%maroon%
| %maroon% Marron
| Marron
| %bgcolor=maroon% TEXTO
| TEXTO
|
%purple%
| %purple% Púrpura
| Púrpura
| %bgcolor=purple% TEXTO
| TEXTO
|
%red%
| %red% Rojo
| Rojo
| %bgcolor=red% TEXTO
| TEXTO
|
%yellow%
| %yellow% Amarillo
| Amarillo
| %bgcolor=yellow% TEXTO
| TEXTO
|
%silver%
| %silver% Plateado
| Plateado
| %bgcolor=silver% TEXTO
| TEXTO
|
%white%
| %white% Blanco
| Blanco
| %bgcolor=white% TEXTO
| TEXTO
|
VARIACION DE COLORES HEXADECIMALES DEFINIDOS
|
%color=#ffa500% orange
%color=#0000cc% hard blue
%color=#006400% dark green
%color=#009999% blue grass
%color=#008080% teal
%color=#660066% dark purple
%color=#6600cc% periwinkle
%color=#a9a9a9% dark grey
%color=#669966% mist green
%color=#669999% slate green
%color=#9966cc% light purple
|
%color=#999999% light grey
%color=#add8e6% light blue
%color=#00ff7f% spring green
%color=#ff00ff% magenta
%color=#cc6633% burnt orange
%color=#808080% grey
%color=#90ee90% light green
%color=#ffc0cb% pink
%color=#ff6666% light red
%color=#ff9966% light orange
%color=#ffd700% gold
|
CONSEJOS Y SUGERENCIAS
- Los colores hexadecimales se aplican igual que un color estándar, solo debes tener el cuidado de escribir el código correctamente, por ejemplo
%color=#cc33cc% anes del texto .
- Debes utilizar caracteres en minúscula y sin espacios centro de los signos %.
- Recuerde que el mismo color puede aparecer de forma diferente en función del dispositivo (pantalla de la CRT, TFT, impresoras, ...) y la curva de gamma utilizados. Cabe destacar que, del mismo color puede parecer demasiado claro u oscuro cuando se ve en Windows (rayos gamma, generalmente establecido en 2.5) y Mac (gamma 1.8).
- El color para Textos siempre se ve más brillante que el color para fondo, porque el fondo blanco domina el brillo general. Recuerda combinar adecuadamente los colores. Si tendrás un color de fondo oscuro tu texto debe ser claro y viceversa.
- Demasiados colores en la misma página puede ser contraproducente ya que distrae la atención y dificulta la lectura. Utilízalos con moderación.
COLORES SEGUN LOS ESTILOS CSS
A continuación se muestra un listado de todos los colres que cumplen los estándares CSS para el contenido de páginas en la Web. Recuerda que para aplicar estos colores solo debes anteponer al texto el código %color=#7cfc00% EJEMPLO .
| NOMBRE DEL COLOR
| CÓDIGO
| COLOR
|
| aliceblue
| #f0f8ff
|
|
| antiquewhite
| #faebd7
|
|
| aqua
| #00ffff
|
|
| aquamarine
| #7fffd4
|
|
| azure
| #f0ffff
|
|
| beige
| #f5f5dc
|
|
| bisque
| #ffe4c4
|
|
| black
| #000000
|
|
| blanchedalmond
| #ffebcd
|
|
| blue
| #0000ff
|
|
| blueviolet
| #8a2be2
|
|
| brown
| #a52a2a
|
|
| burlywood
| #deb887
|
|
| cadetblue
| #5f9ea0
|
|
| chartreuse
| #7fff00
|
|
| chocolate
| #d2691e
|
|
| coral
| #ff7f50
|
|
| cornflowerblue
| #6495ed
|
|
| cornsilk
| #fff8dc
|
|
| crimson
| #dc143c
|
|
| cyan
| #00ffff
|
|
| darkblue
| #00008b
|
|
| darkcyan
| #008b8b
|
|
| darkgoldenrod
| #b8860b
|
|
| darkgray
| #a9a9a9
|
|
| darkgrey
| #a9a9a9
|
|
| darkgreen
| #006400
|
|
| darkkhaki
| #bdb76b
|
|
| darkmagenta
| #8b008b
|
|
| darkolivegreen
| #556b2f
|
|
| darkorange
| #ff8c00
|
|
| darkorchid
| #9932cc
|
|
| darkred
| #8b0000
|
|
| darksalmon
| #e9967a
|
|
| darkseagreen
| #8fbc8f
|
|
| darkslateblue
| #483d8b
|
|
| darkslategray
| #2f4f4f
|
|
| darkslategrey
| #2f4f4f
|
|
| darkturquoise
| #00ced1
|
|
| darkviolet
| #9400d3
|
|
| deeppink
| #ff1493
|
|
| deepskyblue
| #00bfff
|
|
| dimgray
| #696969
|
|
| dimgrey
| #696969
|
|
| dodgerblue
| #1e90ff
|
|
| firebrick
| #b22222
|
|
| floralwhite
| #fffaf0
|
|
| forestgreen
| #228b22
|
|
| fuchsia
| #ff00ff
|
|
| gainsboro
| #dcdcdc
|
|
| ghostwhite
| #f8f8ff
|
|
| gold
| #ffd700
|
|
| goldenrod
| #daa520
|
|
| gray
| #808080
|
|
| grey
| #808080
|
|
| green
| #008000
|
|
| greenyellow
| #adff2f
|
|
| honeydew
| #f0fff0
|
|
| hotpink
| #ff69b4
|
|
| indianred
| #cd5c5c
|
|
| indigo
| #4b0082
|
|
| ivory
| #fffff0
|
|
| khaki
| #f0e68c
|
|
| lavender
| #e6e6fa
|
|
| lavenderblush
| #fff0f5
|
|
| lawngreen
| #7cfc00
|
|
| lemonchiffon
| #fffacd
|
|
| lightblue
| #add8e6
|
|
| lightcoral
| #f08080
|
|
| lightcyan
| #e0ffff
|
|
| lightgoldenrodyellow
| #fafad2
|
|
| lightgray
| #d3d3d3
|
|
| lightgrey
| #d3d3d3
|
|
| lightgreen
| #90ee90
|
|
| lightpink
| #ffb6c1
|
|
| lightsalmon
| #ffa07a
|
|
| lightseagreen
| #20b2aa
|
|
| lightskyblue
| #87cefa
|
|
| lightslategray
| #778899
|
|
| lightslategrey
| #778899
|
|
| lightsteelblue
| #b0c4de
|
|
| lightyellow
| #ffffe0
|
|
| lime
| #00ff00
|
|
| limegreen
| #32cd32
|
|
| linen
| #faf0e6
|
|
| magenta
| #ff00ff
|
|
| maroon
| #800000
|
|
| mediumaquamarine
| #66cdaa
|
|
| mediumblue
| #0000cd
|
|
| mediumorchid
| #ba55d3
|
|
| mediumpurple
| #9370d8
|
|
| mediumseagreen
| #3cb371
|
|
| mediumslateblue
| #7b68ee
|
|
| mediumspringgreen
| #00fa9a
|
|
| mediumturquoise
| #48d1cc
|
|
| mediumvioletred
| #c71585
|
|
| midnightblue
| #191970
|
|
| mintcream
| #f5fffa
|
|
| mistyrose
| #ffe4e1
|
|
| moccasin
| #ffe4b5
|
|
| navajowhite
| #ffdead
|
|
| navy
| #000080
|
|
| oldlace
| #fdf5e6
|
|
| olive
| #808000
|
|
| olivedrab
| #6b8e23
|
|
| orange
| #ffa500
|
|
| orangered
| #ff4500
|
|
| orchid
| #da70d6
|
|
| palegoldenrod
| #eee8aa
|
|
| palegreen
| #98fb98
|
|
| paleturquoise
| #afeeee
|
|
| palevioletred
| #d87093
|
|
| papayawhip
| #ffefd5
|
|
| peachpuff
| #ffdab9
|
|
| peru
| #cd853f
|
|
| pink
| #ffc0cb
|
|
| plum
| #dda0dd
|
|
| powderblue
| #b0e0e6
|
|
| purple
| #800080
|
|
| red
| #ff0000
|
|
| rosybrown
| #bc8f8f
|
|
| royalblue
| #4169e1
|
|
| saddlebrown
| #8b4513
|
|
| salmon
| #fa8072
|
|
| sandybrown
| #f4a460
|
|
| seagreen
| #2e8b57
|
|
| seashell
| #fff5ee
|
|
| sienna
| #a0522d
|
|
| silver
| #c0c0c0
|
|
| skyblue
| #87ceeb
|
|
| slateblue
| #6a5acd
|
|
| slategray
| #708090
|
|
| slategrey
| #708090
|
|
| snow
| #fffafa
|
|
| springgreen
| #00ff7f
|
|
| steelblue
| #4682b4
|
|
| tan
| #d2b48c
|
|
| teal
| #008080
|
|
| thistle
| #d8bfd8
|
|
| tomato
| #ff6347
|
|
| turquoise
| #40e0d0
|
|
| violet
| #ee82ee
|
|
| wheat
| #f5deb3
|
|
| white
| #ffffff
|
|
| whitesmoke
| #f5f5f5
|
|
| yellow
| #ffff00
|
|
| yellowgreen
| #9acd32
|
|
|
| 
|
Compartir está página en:
