codigo de tabla de colores en html para web

Ver el tema anterior Ver el tema siguiente Ir abajo

codigo de tabla de colores en html para web

Mensaje  Admin el Jue Mar 24, 2011 6:59 am

Aqui les dejo el codigo de una muy buena tabla de colores html para su web...
Aqui pueden ver el ejemplo ->

Y aqui tienen el codigo de la tabla:



Código:
<table width="375" border="0" cellspacing="1" cellpadding="0" align="center" height="329">
  <tr height="24">
      <td bgColor="#190707" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#2a0a0a" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#3b0b0b" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#610b0b" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#8a0808" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#b40404" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#df0101" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#ff0000" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#fe2e2e" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#fa5858" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#f78181" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#f5a9a9" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#f6cece" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#f8e0e0" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#fbefef" onClick="Barva(this.bgColor)">&nbsp;</td>
  </tr>

  <tr height="24">
      <td bgColor="#191007" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#2a1b0a" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#3b240b" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#61380b" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#8a4b08" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#b45f04" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#df7401" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#ff8000" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#fe9a2e" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#faac58" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#f7be81" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#f5d0a9" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#f6e3ce" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#f8ece0" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#fbf5ef" onClick="Barva(this.bgColor)">&nbsp;</td>
  </tr>
  <tr height="24">

      <td bgColor="#181907" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#292A0A" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#393B0B" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#5e610b" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#868A08" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#AEB404" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#D7DF01" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#FFFF00" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#F7FE2E" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#F4FA58" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#F3F781" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#F2F5A9" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#F5F6CE" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#F7F8E0" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#FBFBEF" onClick="Barva(this.bgColor)">&nbsp;</td>
  </tr>
  <tr height="24">
      <td bgColor="#101907" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#1B2A0A" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#243b0b" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#38610B" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#4B8A08" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#5FB404" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#74DF00" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#80FF00" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#9AFE2E" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#ACFA58" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#BEF781" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#D0F5A9" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#E3F6CE" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#ECF8E0" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#F5FBEF" onClick="Barva(this.bgColor)">&nbsp;</td>
  </tr>
  <tr height="24">
      <td bgColor="#071907" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0A2A0A" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#0B3B0B" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0B610B" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#088A08" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#04B404" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#01DF01" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#00FF00" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#2EFE2E" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#58FA58" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#81F781" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#A9F5A9" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#CEF6CE" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#E0F8E0" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#EFFBEF" onClick="Barva(this.bgColor)">&nbsp;</td>
  </tr>
  <tr height="24">
      <td bgColor="#071910" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#0A2A1B" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0B3B24" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#0B6138" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#088A4B" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#04B45F" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#01DF74" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#00FF80" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#2EFE9A" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#58FAAC" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#81F7BE" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#A9F5D0" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#CEF6E3" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#E0F8EC" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#EFFBF5" onClick="Barva(this.bgColor)">&nbsp;</td>
  </tr>
  <tr height="24">

      <td bgColor="#071918" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0A2A29" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0B3B39" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0B615E" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#088A85" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#04B4AE" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#01DFD7" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#00FFFF" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#2EFEF7" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#58FAF4" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#81F7F3" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#A9F5F2" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#CEF6F5" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#E0F8F7" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#EFFBFB" onClick="Barva(this.bgColor)">&nbsp;</td>
  </tr>

  <tr height="24">
      <td bgColor="#071019" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0A1B2A" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0B243B" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0B3861" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#084B8A" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#045FB4" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0174DF" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#0080FF" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#2E9AFE" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#58ACFA" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#81BEF7" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#A9D0F5" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#CEE3F6" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#E0ECF8" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#EFF5FB" onClick="Barva(this.bgColor)">&nbsp;</td>

  </tr>
  <tr height="24">
      <td bgColor="#070719" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0A0A2A" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0B0B3B" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0B0B61" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#08088A" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0404B4" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#0101DF" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#0000FF" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#2E2EFE" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#5858FA" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#8181F7" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#A9A9F5" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#CECEF6" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#E0E0F8" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#EFEFFB" onClick="Barva(this.bgColor)">&nbsp;</td>

  </tr>
  <tr height="24">
      <td bgColor="#100719" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#1B0A2A" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#240B3B" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#380B61" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#4B088A" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#5F04B4" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#7401DF" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#8000FF" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#9A2EFE" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#AC58FA" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#BE81F7" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#D0A9F5" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#E3CEF6" onClick="Barva(this.bgColor)">&nbsp;</td>
      <td bgColor="#ECE0F8" onClick="Barva(this.bgColor)">&nbsp;</td>

      <td bgColor="#F5EFFB" onClick="Barva(this.bgColor)">&nbsp;</td>
  </tr>

  <tr height="24">
      <td bgColor="#190718" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
      <td bgColor="#2A0A29" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
      <td bgColor="#3B0B39" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
      <td bgColor="#610B5E" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
      <td bgColor="#8A0886" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>

      <td bgColor="#B404AE" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
      <td bgColor="#DF01D7" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
      <td bgColor="#FF00FF" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>

      <td bgColor="#FE2EF7" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
      <td bgColor="#FA58F4" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
      <td bgColor="#F781F3" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
      <td bgColor="#F5A9F2" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
      <td bgColor="#F6CEF5" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>

      <td bgColor="#F8E0F7" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
      <td bgColor="#FBEFFB" onClick="Barva(this.bgColor)" height="28">&nbsp;</td>
  </tr>
  <tr height="24">

      <td bgColor="#190710" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
      <td bgColor="#2A0A1B" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
      <td bgColor="#3B0B24" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
      <td bgColor="#610B38" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>

      <td bgColor="#8A084B" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
      <td bgColor="#B4045F" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
      <td bgColor="#DF0174" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
      <td bgColor="#FF0080" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
      <td bgColor="#FE2E9A" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>

      <td bgColor="#FA58AC" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
      <td bgColor="#F781BE" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
      <td bgColor="#F5A9D0" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>

      <td bgColor="#F6CEE3" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
      <td bgColor="#F8E0EC" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
      <td bgColor="#FBEFF5" onClick="Barva(this.bgColor)" height="23">&nbsp;</td>
  </tr>
</tr>
  <tr height="24">
      <td bgColor="#000000" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
      <td bgColor="#0b0b0b" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
      <td bgColor="#151515" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>

      <td bgColor="#1c1c1c" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
      <td bgColor="#2e2e2e" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
      <td bgColor="#424242" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
      <td bgColor="#585858" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>

      <td bgColor="#6e6e6e" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
      <td bgColor="#848484" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
      <td bgColor="#a4a4a4" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
      <td bgColor="#bdbdbd" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>

      <td bgColor="#d8d8d8" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
      <td bgColor="#e6e6e6" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
      <td bgColor="#f2f2f2" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
      <td bgColor="#FFFFFF" onClick="Barva(this.bgColor)" height="25">&nbsp;</td>
  </tr>

  </table>

Nota: Al darle click a cualquier cuadrito de color la tabla te dara un codigo ese sera el codigo del color que quieres usar en este caso el color blanco en esa tabla es #FFFFFF el color negro es #000001 y asi cada color tiene sus codigos.

Admin
Admin

Mensajes : 76
Fecha de inscripción : 07/02/2010

Ver perfil de usuario http://radiovagancia.peru-foro.com

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.