<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>