{"id":29866,"date":"2018-06-16T09:15:33","date_gmt":"2018-06-16T09:15:33","guid":{"rendered":"https:\/\/www.labeljoy.com\/es\/?page_id=29866"},"modified":"2019-05-02T13:14:41","modified_gmt":"2019-05-02T13:14:41","slug":"definicion-de-colores","status":"publish","type":"page","link":"https:\/\/www.labeljoy.com\/es\/ayuda-lj6\/definicion-de-colores\/","title":{"rendered":"Definici\u00f3n de colores"},"content":{"rendered":"<div id=\"help-guide\"><!-- lj6_2300.htm -->\n<!--<link href=\"styles.css\" rel=\"stylesheet\" type=\"text\/css\" \/>-->\n<p class=\"title\">definici&oacute;n de colores<\/p>\n<p class=\"body\">Los colores son definidos en las pesta&ntilde;as de <em>color<\/em>&nbsp;de las cajas de di&aacute;logos de <em>propiedades de elementos.<\/em>&nbsp;Por ejemplo, en un elemento de texto, la <em>Pesta&ntilde;a lapicera&nbsp;<\/em>muestra los controles necesarios para definir el color interno del elemento de texto.<\/p>\n<p class=\"note\">Desde la <strong>versi&oacute;n 6.19.05.02<\/strong> se pueden vincular colores a un  campo de una fuente de datos. Consulte a continuaci&oacute;n <a href=\"#color_field\"><strong>Vincular un color a un campo de datos<\/strong><\/a> para obtener m&aacute;s  informaci&oacute;n.<\/p>\n<p class=\"body\">La definici&oacute;n de color permite definir un color <em>s&oacute;lido<\/em>&nbsp; (<strong>un color &uacute;nico s&oacute;lido sin degrade<\/strong>) y un color de <em>ca&iacute;da<\/em>&nbsp;(<strong>dos colores de ca&iacute;da soportando opacidad<\/strong>).<\/p>\n <p class=\"note\"><strong>Nota<\/strong>:<br>\n    El modo <em>Ca&iacute;da&nbsp;<\/em>s&oacute;lo estar&aacute; disponible <strong>cuando sea aplicable<\/strong>. Por ejemplo, en el caso de un color principal de c&oacute;digo de barras <strong>no ser&aacute; posible<\/strong> establecer un color de ca&iacute;da. En estos casos el bot&oacute;n <em>S&oacute;lido\/Ca&iacute;da<\/em> no ser&aacute;n visibles.<\/p>\n <p class=\"body\">Los modos de trabajo <em>S&oacute;lido<\/em>&nbsp;y&nbsp;<em>Ca&iacute;da<\/em>&nbsp;muestran los siguientes controles:<\/p>\n<table width=\"100%\">\n<tr valign=\"top\">\n<td>\n<p class=\"body\"><img decoding=\"async\" src=\"\/user-guide-lj6-files\/es\/2300_001.png\" align=\"left\" style=\"margin: 0px 24px 4px 0px\"><strong>S&oacute;lido<\/strong>: un &aacute;rea de selecci&oacute;n de color se posiciona en la secci&oacute;n superior, al presionarla seleccionar&aacute; el color sobre el cual se encuentra el cursor del mouse.<br>\n    A la derecha, la barra de&nbsp; <em>brillo<\/em>&nbsp;permite cambiar el rango de color para el &aacute;rea seleccionada.<br>\n    En la secci&oacute;n inferior, las cajas de texto Rojo, Verde y Azul permiten ingresar manualmente valores RGB para definir el color (los valores v&aacute;lidos est&aacute;n en el rango de 0 a 255).<br>\n    El rect&aacute;ngulo inferior muestra el color seleccionado.<\/p>\n<\/td>\n<\/tr>\n<tr valign=\"top\">\n<td>\n<p class=\"body\"><img decoding=\"async\" src=\"\/user-guide-lj6-files\/es\/2300_002.png\" align=\"left\" style=\"margin: 0px 24px 4px 0px\"><strong>Ca&iacute;da<\/strong>: cuando se encuentra en este modo de trabajo, la caja de dialogo se divide en dos secciones id&eacute;nticas; cada una de las cuales permite definir uno de los dos colores que&nbsp; ser&aacute;n combinados para el elemento de ca&iacute;da deseado.<br>\nEn la parte superior de cada secci&oacute;n, encontrar&aacute; el &aacute;rea de selecci&oacute;n de color, la barra de brillo y la barra de <em>opacidad,<\/em>&nbsp;que permite definir un valor de opacidad entre 0 y 255 (en donde 0 es completamente transparente y 255 completamente opaco).<br>\nCada una de estas dos secciones muestra cajas de textos RGB y la caja de texto de opacidad.<br>\nPuede copiar la definici&oacute;n de un color al otro presionando los botones <strong>&laquo;<\/strong>&nbsp;y&nbsp;<strong>&raquo;<\/strong>.<br>\nLa secci&oacute;n inferior de la caja de di&aacute;logo muestra el &aacute;rea de vista previa mostrando la combinaci&oacute;n de colores. A su derecha se encuentran controles que permiten definir el &aacute;ngulo de ca&iacute;da. Nuevamente, puede ingresar manualmente un valor (entre 0 y 359.9 grados) o utilizar la barra de desplazamiento.<\/p>\n<p class=\"note\"><strong>Nota<\/strong>:<br>\nrealizando clic derecho sobre la caja de vista previa de color, <strong>se muestra un men&uacute; emergente<\/strong> que permite <strong>copiar, pegar<\/strong> y <strong>restablecer<\/strong> el color a su <strong>valor por defecto<\/strong>.<\/p><\/td>\n<\/tr>\n<tr valign=\"top\">\n<td>\n<p class=\"body\" id=\"color_field\"><br>\n  <strong>VINCULAR UN COLOR A UN CAMPO DE DATOS<\/strong><\/p>\n<p>Desde la versi&oacute;n  6.19.05.02, <strong>cualquier color de cualquier  elemento puede vincularse a un campo de datos<\/strong> que permita <strong>colores variables<\/strong> en el mismo elemento,  ya que se replica en cada posici&oacute;n del conjunto de datos.<\/p>\n<p class=\"body\">Por ejemplo, puede definir en los datos subyacentes que un texto tendr&aacute;  un <strong>color espec&iacute;fico solo para ciertos  registros<\/strong>.<\/p>\n<p class=\"body\">Para conectar un campo a un color, simplemente seleccione el nombre del  campo en el cuadro combinado ubicado en la pesta&ntilde;a de color de ese elemento o  seleccione un campo del submen&uacute; de la barra de men&uacute;. <\/p>\n<p class=\"body\">Cuando el color de un elemento se vincula a un campo, <strong>Labeljoy intentar&aacute; leer el valor encontrado  y convertirlo en un color.<\/strong><\/p>\n<p><strong>Nota:<br>\n<\/strong>Cuando  Labeljoy no puede convertir el valor le&iacute;do de la fuente de datos a un color  v&aacute;lido, usar&aacute; el color predeterminado definido en el men&uacute; correspondiente (o  pesta&ntilde;a de color en las ventanas del editor).<\/p>\n<p class=\"body\">Labeljoy  convertir&aacute; los siguientes 6 posibles tipos de valor en color: <\/p>\n<ul>\n  <li><strong>Nombres de colores X11: <\/strong>los nombres comunes de colores HTML<strong> <\/strong>como <strong>Black, White, MediumSlateBlue, <\/strong>etc., se convertir&aacute;n correctamente a un  color s&oacute;lido. Vea <a href=\"https:\/\/en.wikipedia.org\/wiki\/web_colors\" target=\"_blank\" rel=\"nofollow\">aqu&iacute;<\/a> para una lista completa.<\/li>\n  <li><strong>Colores CSS: <\/strong>color RGB en la notaci&oacute;n hexadecimal t&iacute;pica de  6 d&iacute;gitos precedida por el signo #. Por ejemplo:<strong> #FFFFFF, # 80CCBB, <\/strong>etc.<\/li>\n  <li><strong>Colores web-safe: <\/strong>notaci&oacute;n  hexadecimal de 3 d&iacute;gitos, precedida por el s&iacute;mbolo #. Por ejemplo:<strong> #333, #A53, #F2A, <\/strong>etc. Vea <a href=\"https:\/\/en.wikipedia.org\/wiki\/web_colors\" target=\"_blank\" rel=\"nofollow\">aqu&iacute;<\/a> para una lista completa.<\/li>\n  <li><strong>Valor entero: <\/strong>un valor num&eacute;rico entero entre<strong> 0 y  16.777.215. <\/strong>Normalmente utilizados en los lenguajes de programaci&oacute;n, los  valores RGB se multiplican para formar un valor &uacute;nico.<\/li>\n  <li><strong>Paleta de Labeljoy: <\/strong>40 valores de cadena entre<strong> LJ01 y LJ40 <\/strong>se  convertir&aacute;n al color de paleta de Labeljoy correspondiente, tal como se  muestran en la secci&oacute;n &quot;Color r&aacute;pido&quot; de los elementos del men&uacute; de la  barra de men&uacute;.<\/li>\n  <li><strong>Formato complejo de Labeljoy: <\/strong>es posible definir colores sombreados, alfa-mezclados usando una notaci&oacute;n  especial de Labeljoy. Consta de 9 valores separados por comas en los formatos <strong>R1,  G1, B1, A1, R2, G2, B2, A2, &Aacute;ngulo <\/strong>donde los valores *1 representan el  valor RGB-Alfa para el color 1, los valores *2 representan los valores  RGB-alfa para el color 2 y &Aacute;ngulo la angulaci&oacute;n con la que se produce la  atenuaci&oacute;n.<br>\n    Los valores v&aacute;lidos para los miembros de RGBA est&aacute;n entre 0 y 255, y los  valores v&aacute;lidos para el elemento de &aacute;ngulo est&aacute;n entre 0 y 359.<br>\n    Por ejemplo: una entrada v&aacute;lida es <strong>128,255,48,96,80,96,50,220,90<\/strong> que instruye Labeljoy para crear el color 1 con R = 128, G = 255, B = 48, Alpha  96, color 2 con R = 80, G = 96, B = 50, Alpha = 220; Los colores ser&aacute;n  atenuados en un &aacute;ngulo de 90 grados.    <\/li>\n  <li><strong>Transparente: <\/strong>independientemente de que el tipo de datos de  campo sea num&eacute;rico o textual, el valor <strong>-1 <\/strong>(uno negativo  o 0xFFFFFFFF) se  convertir&aacute; en transparente.<\/li>\n<\/ul>\n  <p class=\"note\"><strong>Nota<\/strong>:<br>\n    Cualquier campo num&eacute;rico, fecha\/hora y stringa  podr&iacute;an contener potencialmente un valor que Labeljoy pueda interpretar como un  color v&aacute;lido. Es responsabilidad del usuario seleccionar correctamente el campo  con la informaci&oacute;n  relevante.<\/p><\/td>\n<\/tr>\n<\/table> <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":28778,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-template-left-sidebar.php","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":{"0":"post-29866","1":"page","2":"type-page","3":"status-publish","5":"infinite-scroll-item"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.labeljoy.com\/es\/wp-json\/wp\/v2\/pages\/29866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.labeljoy.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.labeljoy.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.labeljoy.com\/es\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.labeljoy.com\/es\/wp-json\/wp\/v2\/comments?post=29866"}],"version-history":[{"count":3,"href":"https:\/\/www.labeljoy.com\/es\/wp-json\/wp\/v2\/pages\/29866\/revisions"}],"predecessor-version":[{"id":31604,"href":"https:\/\/www.labeljoy.com\/es\/wp-json\/wp\/v2\/pages\/29866\/revisions\/31604"}],"up":[{"embeddable":true,"href":"https:\/\/www.labeljoy.com\/es\/wp-json\/wp\/v2\/pages\/28778"}],"wp:attachment":[{"href":"https:\/\/www.labeljoy.com\/es\/wp-json\/wp\/v2\/media?parent=29866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}