Esempio n. 1
0
<p style='background-color:#000000'> Negro  </p>
<p style='background-color:#FF0000'> Rojo   </p>
<p style='background-color:#00FF00'> Verde  </p>
<p style='background-color:#0000FF'> Azul   </p>
-[FIN devildrey33.ID1]- */
$Base->PintarCodigo->PintarArchivoHTML('ColorHex', 'Colores hexadecimales', basename(__FILE__), "ID1");
?>
                <br />
                <table><tr><td>Prueba en esta caja de texto algunos colores : 
                <input id="ColHex" value="#FFFFFF" onKeyUp="$('#ColResHex').css({ 'background-color' : $('#ColHex').val() });">
                = </td><td><span id="ColResHex" class='ColRes'></span></td></tr></table>
                <br />
                <h3>Compatibilidad</h3>
                Se pueden especificar valores en hexadecimal en todos los navegadores compatibles con CSS1.<br />
                <?php 
$Base->CompatibilidadNavegadores(true, true, true, true, true);
?>
                <hr />


                <br /><h2>Colores RGB (Red, Green, Blue)</h2>
                <img src="/Web/Graficos/ColoresRGB.png" style='float:right; padding:10px; margin:10px;' />
                <p>Los colores RGB funcionan prácticamente igual que los colores hexadecimales, con la diferencia de que los representamos con un valor decimal, y que para crear el color debemos utilizar la función <i>rgb</i>.</p>
                <p>Cada canal de color puede ir de 0 a 255 (en hexadecimal 255 es FF), y al igual que con los colores hexadecimales los valores cercanos a cero son colores oscuros (negro) y los valores cercanos a 255 son colores claros (blanco).</p>
                <p>También podemos especificar cada canal de color por porcentajes del 0% al 100%.</p>
                <p>Para mi esta es una de las mejores opciones a la hora de especificar colores, ya que estoy muy acostumbrado a utilizar la escala RGB en varios lenguajes de programación, y me parece más clara que la hexadecimal, aunque para especificar un color hay que escribir algunos caracteres más.</p>
                <div class='nota'>Un color en RGB no nos permite especificar transparencia, para trabajar con transparencias utilizando la paleta RGB se tiene que utilizar la función <code>RGBA</code>.</div><br />
                <?php 
/* -[INICIO devildrey33.ID2]-
<p style='background-color:rgb(255, 255, 255)'> Blanco </p>
<p style='background-color:rgb(  0,   0,   0)'> Negro  </p>