RED ESCUELA.: Formatos Para Colores

Principal.FormatosParaColores Historia

Muestra ediciones menores - Muestra los cambios de salida

20 marzo 2011 a las 17h36 por irazema -

Líneas cambiada 1-2 desde:

(:~~title Categorizacion~~:)

para

(:description Descripción para la aplicación de colores en los contenidos de páginas.:)
(:title Formatos para Colores:)

Restaurar

20 marzo 2011 a las 17h35 por irazema -

Líneas añadidas 1-775:

(:title Categorizacion:)
%center color=#ff8c00%'''[+++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.

[[<<]]
----
[[<<]]

%center color=#ff8c00%'''[+COLORES ESTÁNDAR+]'''

(:table border=1 align='center' cellspacing='0px' cellpadding='2px':)

(:cellnr style='padding:2px; background-color:#ffd700;' align='center' width='150px' :)'''CÓDIGO DEL COLOR'''
(:cell style='padding:2px; background-color:#ffd700;' align='center' width='170px':) '''FORMATO PARA TEXTO'''
(:cell style='padding:2px; background-color:#ffd700;' align='center' width='150px':) '''RESULTADO'''
(:cell style='padding:2px; background-color:#ffd700;' align='center' width='210px':) '''FORMATO PARA FONDO'''
(:cell style='padding:2px; background-color:#ffd700;' align='center' width='150px':) '''RESULTADO'''

(:cellnr:)[@%blue%@]
(:cell:)[@%blue% Azul@]
(:cell:)%blue% '''Azul'''
(:cell:)[@%bgcolor=blue% TEXTO@]
(:cell:)%bgcolor=blue% '''TEXTO'''

(:cellnr:)[@%navy%@]
(:cell:)[@%navy% Azul Marino@]
(:cell:)%navy% '''Azul Marino'''
(:cell:)[@%bgcolor=navy% TEXTO@]
(:cell:)%bgcolor=navy% '''TEXTO'''

(:cellnr:)[@%green%@]
(:cell:)[@%green% Verde@]
(:cell:)%green% '''Verde'''
(:cell:)[@%bgcolor=green% TEXTO@]
(:cell:)%bgcolor=green% '''TEXTO'''

(:cellnr:)[@%black%@]
(:cell:)[@%black% Negro@]
(:cell:)%black% '''Negro'''
(:cell:)[@%bgcolor=black% TEXTO@]
(:cell:)%bgcolor=black% '''TEXTO'''

(:cellnr:)[@%gray%@]
(:cell:)[@%gray% Plomo@]
(:cell:)%gray% '''Plomo'''
(:cell:)[@%bgcolor=gray% TEXTO@]
(:cell:)%bgcolor=gray% '''TEXTO'''

(:cellnr:)[@%maroon%@]
(:cell:)[@%maroon% Marron@]
(:cell:)%maroon% '''Marron'''
(:cell:)[@%bgcolor=maroon% TEXTO@]
(:cell:)%bgcolor=maroon% '''TEXTO'''

(:cellnr:)[@%purple%@]
(:cell:)[@%purple% Púrpura@]
(:cell:)%purple% '''Púrpura'''
(:cell:)[@%bgcolor=purple% TEXTO@]
(:cell:)%bgcolor=purple% '''TEXTO'''

(:cellnr:)[@%red%@]
(:cell:)[@%red% Rojo@]
(:cell:)%red% '''Rojo'''
(:cell:)[@%bgcolor=red% TEXTO@]
(:cell:)%bgcolor=red% '''TEXTO'''

(:cellnr:)[@%yellow%@]
(:cell:)[@%yellow% Amarillo@]
(:cell:)%yellow% '''Amarillo'''
(:cell:)[@%bgcolor=yellow% TEXTO@]
(:cell:)%bgcolor=yellow% '''TEXTO'''

(:cellnr:)[@%silver%@]
(:cell:)[@%silver% Plateado@]
(:cell:)%silver% '''Plateado'''
(:cell:)[@%bgcolor=silver% TEXTO@]
(:cell:)%bgcolor=silver% '''TEXTO'''

(:cellnr:)[@%white%@]
(:cell:)[@%white% Blanco@]
(:cell:)%color=white bgcolor=gray% '''Blanco'''
(:cell:)[@%bgcolor=white% TEXTO@]
(:cell:)%bgcolor=white% '''TEXTO'''

(:tableend:)

[[<<]]
----
[[<<]]

%center color=#ff8c00%'''[+VARIACION DE COLORES HEXADECIMALES DEFINIDOS+]'''

(:table border=1 align='center':)

(:cell width='300px':)
[@%color=#ffa500%@]%color=#ffa500% '''orange'''

[@%color=#0000cc%@] %color=#0000cc% '''hard blue'''

[@%color=#006400%@] %color=#006400% '''dark green'''

[@%color=#009999%@] %color=#009999% '''blue grass'''

[@%color=#008080%@] %color=#008080% '''teal'''

[@%color=#660066%@] %color=#660066% '''dark purple'''

[@%color=#6600cc%@] %color=#6600cc% '''periwinkle'''

[@%color=#a9a9a9%@] %color=#a9a9a9% '''dark grey'''

[@%color=#669966%@] %color=#669966% '''mist green'''

[@%color=#669999%@] %color=#669999% '''slate green'''

[@%color=#9966cc%@] %color=#9966cc% '''light purple'''

(:cell width='300px':)
[@%color=#999999%@]%color=#999999% '''light grey'''

[@%color=#add8e6%@]%color=#add8e6% '''light blue'''

[@%color=#00ff7f%@]%color=#00ff7f% '''spring green'''

[@%color=#ff00ff%@]%color=#ff00ff% '''magenta'''

[@%color=#cc6633%@]%color=#cc6633% '''burnt orange'''

[@%color=#808080%@]%color=#808080% '''grey'''

[@%color=#90ee90%@]%color=#90ee90% '''light green'''

[@%color=#ffc0cb%@]%color=#ffc0cb% '''pink'''

[@%color=#ff6666%@]%color=#ff6666% '''light red'''

[@%color=#ff9966%@]%color=#ff9966% '''light orange'''

[@%color=#ffd700%@]%color=#ffd700% '''gold'''

(:tableend:)

[[<<]]

'''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%@] %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.

[[<<]]
----
[[<<]]

%center color=#ff8c00%'''[+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%@] %color=#7cfc00% EJEMPLO .

(:table border=1 align='center':)

(:cellnr style='padding:2px; background-color:#ffd700;' align='center' width='200px':)'''NOMBRE DEL COLOR'''
(:cell style='padding:2px; background-color:#ffd700;' align='center' width='150px':)'''CÓDIGO'''
(:cell style='padding:2px; background-color:#ffd700;' align='center' width='150px':)'''COLOR'''

(:cellnr:)aliceblue
(:cell:)#f0f8ff
(:cell style='background-color:#f0f8ff;':)

(:cellnr:)antiquewhite
(:cell:)#faebd7
(:cell style='background-color:#faebd7;':)

(:cellnr:)aqua
(:cell:)#00ffff
(:cell style='background-color:#00ffff;':)

(:cellnr:)aquamarine
(:cell:)#7fffd4
(:cell style='background-color:#7fffd4;':)

(:cellnr:)azure
(:cell:)#f0ffff
(:cell style='background-color:#f0ffff;':)

(:cellnr:)beige
(:cell:)#f5f5dc
(:cell style='background-color:#f5f5dc;':)

(:cellnr:)bisque
(:cell:)#ffe4c4
(:cell style='background-color:#ffe4c4;':)

(:cellnr:)black
(:cell:)#000000
(:cell style='background-color:#000000;':)

(:cellnr:)blanchedalmond
(:cell:)#ffebcd
(:cell style='background-color:#ffebcd;':)

(:cellnr:)blue
(:cell:)#0000ff
(:cell style='background-color:#0000ff;':)

(:cellnr:)blueviolet
(:cell:)#8a2be2
(:cell style='background-color:#8a2be2;':)

(:cellnr:)brown
(:cell:)#a52a2a
(:cell style='background-color:#a52a2a;':)

(:cellnr:)burlywood
(:cell:)#deb887
(:cell style='background-color:#deb887;':)

(:cellnr:)cadetblue
(:cell:)#5f9ea0
(:cell style='background-color:#5f9ea0;':)

(:cellnr:)chartreuse
(:cell:)#7fff00
(:cell style='background-color:#7fff00;':)

(:cellnr:)chocolate
(:cell:)#d2691e
(:cell style='background-color:#d2691e;':)

(:cellnr:)coral
(:cell:)#ff7f50
(:cell style='background-color:#ff7f50;':)

(:cellnr:)cornflowerblue
(:cell:)#6495ed
(:cell style='background-color:#6495ed;':)

(:cellnr:)cornsilk
(:cell:)#fff8dc
(:cell style='background-color:#fff8dc;':)

(:cellnr:)crimson
(:cell:)#dc143c
(:cell style='background-color:#dc143c;':)

(:cellnr:)cyan
(:cell:)#00ffff
(:cell style='background-color:#00ffff;':)

(:cellnr:)darkblue
(:cell:)#00008b
(:cell style='background-color:#00008b;':)

(:cellnr:)darkcyan
(:cell:)#008b8b
(:cell style='background-color:#008b8b;':)

(:cellnr:)darkgoldenrod
(:cell:)#b8860b
(:cell style='background-color:#b8860b;':)

(:cellnr:)darkgray
(:cell:)#a9a9a9
(:cell style='background-color:#a9a9a9;':)

(:cellnr:)darkgrey
(:cell:)#a9a9a9
(:cell style='background-color:#a9a9a9;':)

(:cellnr:)darkgreen
(:cell:)#006400
(:cell style='background-color:#006400;':)

(:cellnr:)darkkhaki
(:cell:)#bdb76b
(:cell style='background-color:#bdb76b;':)

(:cellnr:)darkmagenta
(:cell:)#8b008b
(:cell style='background-color:#8b008b;':)

(:cellnr:)darkolivegreen
(:cell:)#556b2f
(:cell style='background-color:#556b2f;':)

(:cellnr:)darkorange
(:cell:)#ff8c00
(:cell style='background-color:#ff8c00;':)

(:cellnr:)darkorchid
(:cell:)#9932cc
(:cell style='background-color:#9932cc;':)

(:cellnr:)darkred
(:cell:)#8b0000
(:cell style='background-color:#8b0000;':)

(:cellnr:)darksalmon
(:cell:)#e9967a
(:cell style='background-color:#e9967a;':)

(:cellnr:)darkseagreen
(:cell:)#8fbc8f
(:cell style='background-color:#8fbc8f;':)

(:cellnr:)darkslateblue
(:cell:)#483d8b
(:cell style='background-color:#483d8b;':)

(:cellnr:)darkslategray
(:cell:)#2f4f4f
(:cell style='background-color:#2f4f4f;':)

(:cellnr:)darkslategrey
(:cell:)#2f4f4f
(:cell style='background-color:#2f4f4f;':)

(:cellnr:)darkturquoise
(:cell:)#00ced1
(:cell style='background-color:#00ced1;':)

(:cellnr:)darkviolet
(:cell:)#9400d3
(:cell style='background-color:#9400d3;':)

(:cellnr:)deeppink
(:cell:)#ff1493
(:cell style='background-color:#ff1493;':)

(:cellnr:)deepskyblue
(:cell:)#00bfff
(:cell style='background-color:#00bfff;':)

(:cellnr:)dimgray
(:cell:)#696969
(:cell style='background-color:#696969;':)

(:cellnr:)dimgrey
(:cell:)#696969
(:cell style='background-color:#696969;':)

(:cellnr:)dodgerblue
(:cell:)#1e90ff
(:cell style='background-color:#1e90ff;':)

(:cellnr:)firebrick
(:cell:)#b22222
(:cell style='background-color:#b22222;':)

(:cellnr:)floralwhite
(:cell:)#fffaf0
(:cell style='background-color:#fffaf0;':)

(:cellnr:)forestgreen
(:cell:)#228b22
(:cell style='background-color:#228b22;':)

(:cellnr:)fuchsia
(:cell:)#ff00ff
(:cell style='background-color:#ff00ff;':)

(:cellnr:)gainsboro
(:cell:)#dcdcdc
(:cell style='background-color:#dcdcdc;':)

(:cellnr:)ghostwhite
(:cell:)#f8f8ff
(:cell style='background-color:#f8f8ff;':)

(:cellnr:)gold
(:cell:)#ffd700
(:cell style='background-color:#ffd700;':)

(:cellnr:)goldenrod
(:cell:)#daa520
(:cell style='background-color:#daa520;':)

(:cellnr:)gray
(:cell:)#808080
(:cell style='background-color:#808080;':)

(:cellnr:)grey
(:cell:)#808080
(:cell style='background-color:#808080;':)

(:cellnr:)green
(:cell:)#008000
(:cell style='background-color:#008000;':)

(:cellnr:)greenyellow
(:cell:)#adff2f
(:cell style='background-color:#adff2f;':)

(:cellnr:)honeydew
(:cell:)#f0fff0
(:cell style='background-color:#f0fff0;':)

(:cellnr:)hotpink
(:cell:)#ff69b4
(:cell style='background-color:#ff69b4;':)

(:cellnr:)indianred
(:cell:)#cd5c5c
(:cell style='background-color:#cd5c5c;':)

(:cellnr:)indigo
(:cell:)#4b0082
(:cell style='background-color:#4b0082;':)

(:cellnr:)ivory
(:cell:)#fffff0
(:cell style='background-color:#fffff0;':)

(:cellnr:)khaki
(:cell:)#f0e68c
(:cell style='background-color:#f0e68c;':)

(:cellnr:)lavender
(:cell:)#e6e6fa
(:cell style='background-color:#e6e6fa;':)

(:cellnr:)lavenderblush
(:cell:)#fff0f5
(:cell style='background-color:#fff0f5;':)

(:cellnr:)lawngreen
(:cell:)#7cfc00
(:cell style='background-color:#7cfc00;':)

(:cellnr:)lemonchiffon
(:cell:)#fffacd
(:cell style='background-color:#fffacd;':)

(:cellnr:)lightblue
(:cell:)#add8e6
(:cell style='background-color:#add8e6;':)

(:cellnr:)lightcoral
(:cell:)#f08080
(:cell style='background-color:#f08080;':)

(:cellnr:)lightcyan
(:cell:)#e0ffff
(:cell style='background-color:#e0ffff;':)

(:cellnr:)lightgoldenrodyellow
(:cell:)#fafad2
(:cell style='background-color:#fafad2;':)

(:cellnr:)lightgray
(:cell:)#d3d3d3
(:cell style='background-color:#d3d3d3;':)

(:cellnr:)lightgrey
(:cell:)#d3d3d3
(:cell style='background-color:#d3d3d3;':)

(:cellnr:)lightgreen
(:cell:)#90ee90
(:cell style='background-color:#90ee90;':)

(:cellnr:)lightpink
(:cell:)#ffb6c1
(:cell style='background-color:#ffb6c1;':)

(:cellnr:)lightsalmon
(:cell:)#ffa07a
(:cell style='background-color:#ffa07a;':)

(:cellnr:)lightseagreen
(:cell:)#20b2aa
(:cell style='background-color:#20b2aa;':)

(:cellnr:)lightskyblue
(:cell:)#87cefa
(:cell style='background-color:#87cefa;':)

(:cellnr:)lightslategray
(:cell:)#778899
(:cell style='background-color:#778899;':)

(:cellnr:)lightslategrey
(:cell:)#778899
(:cell style='background-color:#778899;':)

(:cellnr:)lightsteelblue
(:cell:)#b0c4de
(:cell style='background-color:#b0c4de;':)

(:cellnr:)lightyellow
(:cell:)#ffffe0
(:cell style='background-color:#ffffe0;':)

(:cellnr:)lime
(:cell:)#00ff00
(:cell style='background-color:#00ff00;':)

(:cellnr:)limegreen
(:cell:)#32cd32
(:cell style='background-color:#32cd32;':)

(:cellnr:)linen
(:cell:)#faf0e6
(:cell style='background-color:#faf0e6;':)

(:cellnr:)magenta
(:cell:)#ff00ff
(:cell style='background-color:#ff00ff;':)

(:cellnr:)maroon
(:cell:)#800000
(:cell style='background-color:#800000;':)

(:cellnr:)mediumaquamarine
(:cell:)#66cdaa
(:cell style='background-color:#66cdaa;':)

(:cellnr:)mediumblue
(:cell:)#0000cd
(:cell style='background-color:#0000cd;':)

(:cellnr:)mediumorchid
(:cell:)#ba55d3
(:cell style='background-color:#ba55d3;':)

(:cellnr:)mediumpurple
(:cell:)#9370d8
(:cell style='background-color:#9370d8;':)

(:cellnr:)mediumseagreen
(:cell:)#3cb371
(:cell style='background-color:#3cb371;':)

(:cellnr:)mediumslateblue
(:cell:)#7b68ee
(:cell style='background-color:#7b68ee;':)

(:cellnr:)mediumspringgreen
(:cell:)#00fa9a
(:cell style='background-color:#00fa9a;':)

(:cellnr:)mediumturquoise
(:cell:)#48d1cc
(:cell style='background-color:#48d1cc;':)

(:cellnr:)mediumvioletred
(:cell:)#c71585
(:cell style='background-color:#c71585;':)

(:cellnr:)midnightblue
(:cell:)#191970
(:cell style='background-color:#191970;':)

(:cellnr:)mintcream
(:cell:)#f5fffa
(:cell style='background-color:#f5fffa;':)

(:cellnr:)mistyrose
(:cell:)#ffe4e1
(:cell style='background-color:#ffe4e1;':)

(:cellnr:)moccasin
(:cell:)#ffe4b5
(:cell style='background-color:#ffe4b5;':)

(:cellnr:)navajowhite
(:cell:)#ffdead
(:cell style='background-color:#ffdead;':)

(:cellnr:)navy
(:cell:)#000080
(:cell style='background-color:#000080;':)

(:cellnr:)oldlace
(:cell:)#fdf5e6
(:cell style='background-color:#fdf5e6;':)

(:cellnr:)olive
(:cell:)#808000
(:cell style='background-color:#808000;':)

(:cellnr:)olivedrab
(:cell:)#6b8e23
(:cell style='background-color:#6b8e23;':)

(:cellnr:)orange
(:cell:)#ffa500
(:cell style='background-color:#ffa500;':)

(:cellnr:)orangered
(:cell:)#ff4500
(:cell style='background-color:#ff4500;':)

(:cellnr:)orchid
(:cell:)#da70d6
(:cell style='background-color:#da70d6;':)

(:cellnr:)palegoldenrod
(:cell:)#eee8aa
(:cell style='background-color:#eee8aa;':)

(:cellnr:)palegreen
(:cell:)#98fb98
(:cell style='background-color:#98fb98;':)

(:cellnr:)paleturquoise
(:cell:)#afeeee
(:cell style='background-color:#afeeee;':)

(:cellnr:)palevioletred
(:cell:)#d87093
(:cell style='background-color:#d87093;':)

(:cellnr:)papayawhip
(:cell:)#ffefd5
(:cell style='background-color:#ffefd5;':)

(:cellnr:)peachpuff
(:cell:)#ffdab9
(:cell style='background-color:#ffdab9;':)

(:cellnr:)peru
(:cell:)#cd853f
(:cell style='background-color:#cd853f;':)

(:cellnr:)pink
(:cell:)#ffc0cb
(:cell style='background-color:#ffc0cb;':)

(:cellnr:)plum
(:cell:)#dda0dd
(:cell style='background-color:#dda0dd;':)

(:cellnr:)powderblue
(:cell:)#b0e0e6
(:cell style='background-color:#b0e0e6;':)

(:cellnr:)purple
(:cell:)#800080
(:cell style='background-color:#800080;':)

(:cellnr:)red
(:cell:)#ff0000
(:cell style='background-color:#ff0000;':)

(:cellnr:)rosybrown
(:cell:)#bc8f8f
(:cell style='background-color:#bc8f8f;':)

(:cellnr:)royalblue
(:cell:)#4169e1
(:cell style='background-color:#4169e1;':)

(:cellnr:)saddlebrown
(:cell:)#8b4513
(:cell style='background-color:#8b4513;':)

(:cellnr:)salmon
(:cell:)#fa8072
(:cell style='background-color:#fa8072;':)

(:cellnr:)sandybrown
(:cell:)#f4a460
(:cell style='background-color:#f4a460;':)

(:cellnr:)seagreen
(:cell:)#2e8b57
(:cell style='background-color:#2e8b57;':)

(:cellnr:)seashell
(:cell:)#fff5ee
(:cell style='background-color:#fff5ee;':)

(:cellnr:)sienna
(:cell:)#a0522d
(:cell style='background-color:#a0522d;':)

(:cellnr:)silver
(:cell:)#c0c0c0
(:cell style='background-color:#c0c0c0;':)

(:cellnr:)skyblue
(:cell:)#87ceeb
(:cell style='background-color:#87ceeb;':)

(:cellnr:)slateblue
(:cell:)#6a5acd
(:cell style='background-color:#6a5acd;':)

(:cellnr:)slategray
(:cell:)#708090
(:cell style='background-color:#708090;':)

(:cellnr:)slategrey
(:cell:)#708090
(:cell style='background-color:#708090;':)

(:cellnr:)snow
(:cell:)#fffafa
(:cell style='background-color:#fffafa;':)

(:cellnr:)springgreen
(:cell:)#00ff7f
(:cell style='background-color:#00ff7f;':)

(:cellnr:)steelblue
(:cell:)#4682b4
(:cell style='background-color:#4682b4;':)

(:cellnr:)tan
(:cell:)#d2b48c
(:cell style='background-color:#d2b48c;':)

(:cellnr:)teal
(:cell:)#008080
(:cell style='background-color:#008080;':)

(:cellnr:)thistle
(:cell:)#d8bfd8
(:cell style='background-color:#d8bfd8;':)

(:cellnr:)tomato
(:cell:)#ff6347
(:cell style='background-color:#ff6347;':)

(:cellnr:)turquoise
(:cell:)#40e0d0
(:cell style='background-color:#40e0d0;':)

(:cellnr:)violet
(:cell:)#ee82ee
(:cell style='background-color:#ee82ee;':)

(:cellnr:)wheat
(:cell:)#f5deb3
(:cell style='background-color:#f5deb3;':)

(:cellnr:)white
(:cell:)#ffffff
(:cell style='background-color:#ffffff;':)

(:cellnr:)whitesmoke
(:cell:)#f5f5f5
(:cell style='background-color:#f5f5f5;':)

(:cellnr:)yellow
(:cell:)#ffff00
(:cell style='background-color:#ffff00;':)

(:cellnr:)yellowgreen
(:cell:)#9acd32
(:cell style='background-color:#9acd32;':)

(:tableend:)

[[<<]]
[[<<]]
[[<<]]
[[<<]]
[[<<]]

Restaurar