Ir al contenido
Menú principal
Menú principal
mover a la barra lateral
ocultar
Navegación
Portada
mantenimiento
Páginas nuevas
Página aleatoria
Cambios recientes
Páginas especiales
Ayuda
Comunidad
Portal de la comunidad
Centro de reportes
Tablón de solicitudes
Tutorial de edición
Políticas
Buscar
Buscar
Apariencia
Crear una cuenta
Acceder
Herramientas personales
Crear una cuenta
Acceder
Páginas para editores desconectados
más información
Contribuciones
Discusión
Editando
Módulo:SimpleArgs/doc
(sección)
Módulo
Discusión
español
Leer
Editar código
Ver historial
Herramientas
Herramientas
mover a la barra lateral
ocultar
Acciones
Leer
Editar código
Ver historial
Actualizar
General
Lo que enlaza aquí
Cambios relacionados
Información de la página
Enlace corto
En otros proyectos
Apariencia
mover a la barra lateral
ocultar
Advertencia:
no has iniciado sesión. Tu dirección IP se hará pública si haces cualquier edición. Si
inicias sesión
o
creas una cuenta
, tus ediciones se atribuirán a tu nombre de usuario, además de otros beneficios.
Comprobación antispam. ¡
No
rellenes esto!
==== Colores ==== '''<code>ColorToHex (frame)</code>''' convierte el nombre del color en formato hexadecimal. '''<code>color_black_contrast (frame)</code>''' determina la luminosidad de un color, con algunas correcciones para grises. A utilizar para el fondo de un texto de superposición. Proviene en parte de [https://www.johndcook.com/blog/2009/08/24/algorithms-convert-color-grayscale/ Three algorithms for converting color to grayscale]. Existe la función <code>_color_black_contrast (rgb)</code> a llamar desde otro módulo. '''<code>txtcolor_for_bg (frame)</code>''', permite encontrar el color "contrario" al introducido para conseguir el máximo contraste del texto, determinando si debe ser blanco o negro. Existe la función <code>_txtcolor_for_bg (rgb)</code> a llamar desde otro módulo. '''<code>ReverseColor (frame)</code>''', alternativo a <code>color_black_contrast</code> permite encontrar el color "contrario" al introducido para conseguir el máximo contraste. Esto facilita determinar el color del texto para un fondo de color determinado o viceversa. Existe la función <code>_ReverseColor (rgb)</code> a llamar desde otro módulo. Ejemplo: * <code><nowiki>{{#invoke:SimpleArgs|ReverseColor|Red}}</nowiki></code> devuelve {{#invoke:SimpleArgs|ReverseColor|Red}} * <code><nowiki>{{#invoke:SimpleArgs|ReverseColor|#000000}}</nowiki></code> devuelve {{#invoke:SimpleArgs|ReverseColor|#000000}} {| class="wikitable" |+ Ejemplos de algunas funciones de color con algunos colores |- ! Color de fondo</br>y su nombre !! <small><code>ColorToHex</code></small> !! <small><code>color_black_contrast</code></small> !! Con fondo de texto</br>teniendo en cuenta los</br>valores de la columna anterior<sup>(1)</sup> !! <small><code>txtcolor_for_bg</code></small> || <sup>(2)</sup> |- | || || 255 || -- |- | style="background:LightCyan" | LightCyan || {{#invoke:SimpleArgs|ColorToHex|LightCyan}} || {{#invoke:SimpleArgs|color_black_contrast|LightCyan}} || style="background:LightCyan" | LightCyan || style="background:LightCyan;color:{{#invoke:SimpleArgs|txtcolor_for_bg|LightCyan}}" | LightCyan || style="background:{{#invoke:SimpleArgs|ReverseColor|LightCyan}}" | |- | style="background:yellow" | yellow || {{#invoke:SimpleArgs|ColorToHex|yellow}} || {{#invoke:SimpleArgs|color_black_contrast|yellow}} || style="background:yellow" | yellow || style="background:yellow;color:{{#invoke:SimpleArgs|txtcolor_for_bg|yellow}}" | yellow || style="background:{{#invoke:SimpleArgs|ReverseColor|yellow}}" | |- | style="background:Wheat" | Wheat || {{#invoke:SimpleArgs|ColorToHex|Wheat}} || {{#invoke:SimpleArgs|color_black_contrast|Wheat}} || style="background:Wheat" | Wheat || style="background:Wheat;color:{{#invoke:SimpleArgs|txtcolor_for_bg|Wheat}}" | Wheat || style="background:{{#invoke:SimpleArgs|ReverseColor|Wheat}}" | |- | || || 200 || 0.3 |- | style="background:aqua" | aqua || {{#invoke:SimpleArgs|ColorToHex|aqua}} || {{#invoke:SimpleArgs|color_black_contrast|aqua}} || style="background:aqua" | <span style="background:rgba(255,255,255,0.3)> aqua </span> || style="background:aqua;color:{{#invoke:SimpleArgs|txtcolor_for_bg|aqua}}" | aqua || style="background:{{#invoke:SimpleArgs|ReverseColor|aqua}}" | |- | style="background:lime" | lime || {{#invoke:SimpleArgs|ColorToHex|lime}} || {{#invoke:SimpleArgs|color_black_contrast|lime}} || style="background:lime" | <span style="background:rgba(255,255,255,0.3)> lime </span> || style="background:lime;color:{{#invoke:SimpleArgs|txtcolor_for_bg|lime}}" | lime || style="background:{{#invoke:SimpleArgs|ReverseColor|lime}}" | |- | style="background:silver" | silver || {{#invoke:SimpleArgs|ColorToHex|silver}} || {{#invoke:SimpleArgs|color_black_contrast|silver}} || style="background:silver" | <span style="background:rgba(255,255,255,0.3)> silver </span> || style="background:silver;color:{{#invoke:SimpleArgs|txtcolor_for_bg|silver}}" | silver || style="background:{{#invoke:SimpleArgs|ReverseColor|silver}}" | |- | style="background:Violet" | Violet || {{#invoke:SimpleArgs|ColorToHex|Violet}} || {{#invoke:SimpleArgs|color_black_contrast|Violet}} || style="background:Violet" | <span style="background:rgba(255,255,255,0.3)> Violet </span> || style="background:Violet;color:{{#invoke:SimpleArgs|txtcolor_for_bg|Violet}}" | Violet || style="background:{{#invoke:SimpleArgs|ReverseColor|Violet}}" | |- | || || 140 || 0.5 |- | style="background:fuchsia" | fuchsia || {{#invoke:SimpleArgs|ColorToHex|fuchsia}} || {{#invoke:SimpleArgs|color_black_contrast|fuchsia}} || style="background:fuchsia" | <span style="background:rgba(255,255,255,0.5)> fuchsia </span> || style="background:fuchsia;color:{{#invoke:SimpleArgs|txtcolor_for_bg|fuchsia}}" | fuchsia || style="background:{{#invoke:SimpleArgs|ReverseColor|fuchsia}}" | |- | style="background:olive" | olive || {{#invoke:SimpleArgs|ColorToHex|olive}} || {{#invoke:SimpleArgs|color_black_contrast|olive}} || style="background:olive" | <span style="background:rgba(255,255,255,0.5)> olive </span> || style="background:olive;color:{{#invoke:SimpleArgs|txtcolor_for_bg|olive}}" | olive || style="background:{{#invoke:SimpleArgs|ReverseColor|olive}}" | |- | || || 80 || 0.7 |- | style="background:red" | red || {{#invoke:SimpleArgs|ColorToHex|red}} || {{#invoke:SimpleArgs|color_black_contrast|red}} || style="background:red" | <span style="background:rgba(255,255,255,0.7)> red </span> || style="background:red;color:{{#invoke:SimpleArgs|txtcolor_for_bg|red}}" | red || style="background:{{#invoke:SimpleArgs|ReverseColor|red}}" | |- | style="background:teal" | teal || {{#invoke:SimpleArgs|ColorToHex|teal}} || {{#invoke:SimpleArgs|color_black_contrast|teal}} || style="background:teal" | <span style="background:rgba(255,255,255,0.7)> teal </span> || style="background:teal;color:{{#invoke:SimpleArgs|txtcolor_for_bg|teal}}" | teal || style="background:{{#invoke:SimpleArgs|ReverseColor|teal}}" | |- | style="background:gray" | gray || {{#invoke:SimpleArgs|ColorToHex|gray}} || {{#invoke:SimpleArgs|color_black_contrast|gray}} || style="background:gray" | <span style="background:rgba(255,255,255,0.7)> gray </span> || style="background:gray;color:{{#invoke:SimpleArgs|txtcolor_for_bg|gray}}" | gray || style="background:{{#invoke:SimpleArgs|ReverseColor|gray}}" | |- | style="background:green" | green || {{#invoke:SimpleArgs|ColorToHex|green}} || {{#invoke:SimpleArgs|color_black_contrast|green}} || style="background:green" | <span style="background:rgba(255,255,255,0.7)> green </span> || style="background:green;color:{{#invoke:SimpleArgs|txtcolor_for_bg|green}}" | green || style="background:{{#invoke:SimpleArgs|ReverseColor|green}}" | |- | style="background:maroon" | maroon || {{#invoke:SimpleArgs|ColorToHex|maroon}} || {{#invoke:SimpleArgs|color_black_contrast|maroon}} || style="background:maroon" | <span style="background:rgba(255,255,255,0.7)> maroon </span> || style="background:maroon;color:{{#invoke:SimpleArgs|txtcolor_for_bg|maroon}}" | maroon || style="background:{{#invoke:SimpleArgs|ReverseColor|maroon}}" | |- | style="background:blue" | blue || {{#invoke:SimpleArgs|ColorToHex|blue}} || {{#invoke:SimpleArgs|color_black_contrast|blue}} || style="background:blue" | <span style="background:rgba(255,255,255,0.7)> blue </span> || style="background:blue;color:{{#invoke:SimpleArgs|txtcolor_for_bg|blue}}" | blue || style="background:{{#invoke:SimpleArgs|ReverseColor|blue}}" | |- | style="background:navy" | navy || {{#invoke:SimpleArgs|ColorToHex|navy}} || {{#invoke:SimpleArgs|color_black_contrast|navy}} || style="background:navy" | <span style="background:rgba(255,255,255,0.7)> navy </span> || style="background:navy;color:{{#invoke:SimpleArgs|txtcolor_for_bg|navy}}" | navy || style="background:{{#invoke:SimpleArgs|ReverseColor|navy}}" | |} <sup>1</sup>: Utilizando <code><nowiki><span style="background-color:rgba(255,255,255,opacity)> {{{1|}}} </span></nowiki></code> :<code>opacity</code> = número de 0 a 1, utilizando los valores 0,3, 0,5 y 0,7 <sup>2</sup>: Utilizando <code>ReverseColor</code> <includeonly> [[Categoría:Wikipedia:Módulos]] </includeonly>
Resumen:
Ten en cuenta que todas las contribuciones a Netxipedia se consideran publicadas bajo la Creative Commons Atribución-CompartirIgual (véase
Netxipedia:Derechos de autor
para más información). Si no deseas que las modifiquen sin limitaciones y las distribuyan libremente, no las publiques aquí.
Al mismo tiempo, asumimos que eres el autor de lo que escribiste, o lo copiaste de una fuente en el dominio público o con licencia libre.
¡No uses textos con copyright sin permiso!
Cancelar
Ayuda de edición
(se abre en una ventana nueva)
Buscar
Buscar
Editando
Módulo:SimpleArgs/doc
(sección)
Añadir tema
