论坛首页 → Web前端技术论坛 →

配色辞典

浏览 8793 次
锁定老帖子 主题：配色辞典
精华帖 (0) :: 良好帖 (2) :: 新手帖 (1) :: 隐藏帖 (5)
作者 正文
  • lgs0626
  • 等级: 三星会员
  • 性别:
  • 文章: 75
  • 积分: 350
  • 来自: 北京
   发表时间：2011-03-10   最后修改：2011-03-13

 

  <p align="center"><font color="#FF0000" style="font-size:16px; font-weight:bolder">配色辞典</font></p>

  <p align="center"><span class="style2">柔和的、明亮的、温和的</span></p>

 

      <table width="760" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" border="1" style="border-collapse: collapse" bordercolor="#111111" height="148">

        <tr> 

          <td width="50" height="49" bgcolor="#FFFFCC"> 

            <p align="center">　

          </td>

          <td width="50" bgcolor="#CCFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="FFCCCC" height="49">

            <div align="center"></div>

          </td>

          <td width="15" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="FFCCCC" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="#FFFF99" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="CCCCFF" height="49">

            <div align="center"></div>

          </td>

          <td width="15" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="FF9966" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ff6666" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ffcccc" height="49">

            <div align="center"></div>

          </td>

          <td width="15" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ffcc99" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ccff99" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="cccccc" height="49">

            <div align="center"></div>

          </td>

          <td width="15" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ffcccc" height="49">

            <div align="center"></div>

          </td>

          <td width="50" height="49" bgcolor="ffffff">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ccffcc" height="49">

            <div align="center"></div>

          </td>

        </tr>

        <tr valign="top" bgcolor="#FFFFFF" class="style3"> 

          <td height="22">

            <div align="left" class="style4 style5"> 

              <div align="center">R　255<br>

                G　255<br>

                B　204<br>

                #FFFFCC</div>

            </div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　204<br>

                G　255<br>

                B　255<br>

                #CCFFFF </div>

            </div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　255<br>

                G　204<br>

                B　204<br>

                #FFCCCC </div>

            </div>

          </td>

          <td height="22">

            <div align="center" class="style5"></div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　255<br>

                G　204<br>

                B　204<br>

                #FFCCCC</div>

            </div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　255<br>

                G　255<br>

                B　153<br>

                #FFFF99 </div>

            </div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　204<br>

                G　204<br>

                B　255<br>

                #CCCCFF</div>

            </div>

          </td>

          <td height="22">

            <div align="center" class="style5"></div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　255<br>

                G　153<br>

                B　102<br>

                #FF9966</div>

            </div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　255<br>

                G　102<br>

                B　102<br>

                #FF6666</div>

            </div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　255<br>

                G　204<br>

                B　204<br>

                #FFCCCC</div>

            </div>

          </td>

          <td height="22">

            <div align="center" class="style5"></div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　255<br>

                G　204<br>

                B　153<br>

                #FFCC99</div>

            </div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　204<br>

                G　255<br>

                B　153<br>

                #CCFF99</div>

            </div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　204<br>

                G　204<br>

                B　204<br>

                #CCCCCC</div>

            </div>

          </td>

          <td height="22">

            <div align="center" class="style5"></div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　255<br>

                G　204<br>

                B　204<br>

                #FFCCCC</div>

            </div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　255<br>

                G　255<br>

                B　255<br>

                #FFFFFF</div>

            </div>

          </td>

          <td height="22">

            <div align="left" class="style6"> 

              <div align="center">R　204<br>

                G　255<br>

                B　204<br>

                #CCFFCC</div>

            </div>

          </td>

        </tr>

        <tr> 

          <td width="50" height="49" bgcolor="ccffff">

            <div align="center"> 

              <p>　</p>

            </div>

          </td>

          <td bgcolor="cccccc" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="ccff99" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="ffcccc" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="ffffff" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="99cc99" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="99cccc" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="ffcc99" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="ffcccc" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="ccccff" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="ffffcc" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="ccffff" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="ffcc99" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="ffffcc" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="99cccc" height="49">

            <div align="center"></div>

          </td>

        </tr>

        <tr valign="top" bgcolor="#FFFFFF" class="style3"> 

          <td height="25">

            <div align="center">R　204<br>

              G　255<br>

              B　255<br>

              #CCFFFF</div>

          </td>

          <td height="25">

            <div align="center">R　204<br>

              G　204<br>

              B　204<br>

              #CCCCCC</div>

          </td>

          <td height="25">

            <div align="center">R　204<br>

              G　255<br>

              B　153<br>

              #CCFF99</div>

          </td>

          <td height="25">

            <div align="center"></div>

          </td>

          <td height="25">

            <div align="center">R　255<br>

              G　204<br>

              B　204<br>

              #FFCCCC</div>

          </td>

          <td height="25">

            <div align="center">R　255<br>

              G　255<br>

              B　255<br>

              #FFFFFF</div>

          </td>

          <td height="25">

            <div align="center">R　153<br>

              G　204<br>

              B　153<br>

              #99CC99</div>

          </td>

          <td height="25">

            <div align="center"></div>

          </td>

          <td height="25">

            <div align="center">R　153<br>

              G　204<br>

              B　204<br>

              #99CCCC</div>

          </td>

          <td height="25">

            <div align="center">R　255<br>

              G　204<br>

              B　153<br>

              #FFCC99</div>

          </td>

          <td height="25">

            <div align="center">R　255<br>

              G　204<br>

              B　204<br>

              #FFCCCC</div>

          </td>

          <td height="25">

            <div align="center"></div>

          </td>

          <td height="25">

            <div align="center">R　204<br>

              G　204<br>

              B　255<br>

              #CCCCFF</div>

          </td>

          <td height="25">

            <div align="center">R　255<br>

              G　255<br>

              B　204<br>

              #FFFFCC</div>

          </td>

          <td height="25">

            <div align="center">R　204<br>

              G　255<br>

              B　255<br>

              #CCFFFF</div>

          </td>

          <td height="25">

            <div align="center"></div>

          </td>

          <td height="25">

            <div align="center">R　255<br>

              G　204<br>

              B　153<br>

              #FFCC99</div>

          </td>

          <td height="25">

            <div align="center">R　255<br>

              G　255<br>

              B　204<br>

              #FFFFCC</div>

          </td>

          <td height="25">

            <div align="center">R　153<br>

              G　204<br>

              B　204<br>

              #99CCCC</div>

          </td>

        </tr>

      </table>

    </center>

  </div>

  <p align="center"> <span class="style2">柔和的、洁净的、爽朗的</span></p>

  <div align="center"> 

    <center>

      <table width="760" border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" style="border-collapse: collapse" bordercolor="#111111" height="158">

        <tr> 

          <td width="50" height="49" bgcolor="ccff99">　</td>

          <td width="50" bgcolor="ffffff" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="99ccff" height="49">

            <div align="center"></div>

          </td>

          <td width="15" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="99cccc" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ccff99" height="49">

            <div align="center"></div>

          </td>

          <td width="15" bgcolor="#FFFFFF" height="49">

            <div align="center"> 

              <p>　</p>

            </div>

          </td>

          <td width="50" bgcolor="ccffcc" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="66cccc" height="49">

            <div align="center"></div>

          </td>

          <td width="15" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ccccff" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="99cccc" height="49">

            <div align="center"></div>

          </td>

          <td width="15" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ccffcc" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="99cccc" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ffffcc" height="49">

            <div align="center"></div>

          </td>

        </tr>

        <tr valign="top" bgcolor="#FFFFFF" class="style3"> 

          <td height="26" bgcolor="#FFFFFF">

            <div align="center">R　204<br>

              G　255<br>

              B　153<br>

              #CCFF99</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　255<br>

              G　255<br>

              B　255<br>

              #FFFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　153<br>

              G　204<br>

              B　255<br>

              #99CCFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　153<br>

              G　204<br>

              B　204<br>

              #99CCCC</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　255<br>

              G　255<br>

              B　255<br>

              #FFFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　204<br>

              G　255<br>

              B　153<br>

              #CCFF99</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　153<br>

              G　204<br>

              B　255<br>

              #99CCFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　255<br>

              G　255<br>

              B　255<br>

              #FFFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　102<br>

              G　204<br>

              B　204<br>

              #66CCCC</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　204<br>

              G　204<br>

              B　255<br>

              #CCCCFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　255<br>

              G　255<br>

              B　255<br>

              #FFFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　153<br>

              G　204<br>

              B　204<br>

              #99CCCC</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　153<br>

              G　204<br>

              B　255<br>

              #99CCFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="26">

            <div align="center">R　153<br>

              G　204<br>

              B　204<br>

              #99CCCC</div>

          </td>

          <td valign="top" bgcolor="#FFFFFF" height="26">

            <div align="center">R　255<br>

              G　255<br>

              B　204<br>

              #FFFFCC</div>

          </td>

        </tr>

        <tr> 

          <td width="50" height="49" bgcolor="ccffff">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ccccff" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ccffff" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="99ccff" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="66cc99" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ccffff" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="6699cc" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="99ccff" height="49">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="ccccff" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="#FFFFFF" height="49">

            <div align="center"></div>

          </td>

          <td width="50" bgcolor="99ccff" height="49">

            <div align="center"></div>

          </td>

        </tr>

        <tr valign="top" bgcolor="#FFFFFF" class="style3"> 

          <td height="31" bgcolor="#FFFFFF">

            <div align="center">R　204<br>

              G　255<br>

              B　255<br>

              #CCFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　255<br>

              G　255<br>

              B　255<br>

              #FFFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　204<br>

              G　204<br>

              B　255<br>

              #CCCCFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　204<br>

              G　255<br>

              B　255<br>

              #CCFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　255<br>

              G　255<br>

              B　255<br>

              #FFFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　153<br>

              G　204<br>

              B　255<br>

              #99CCFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　102<br>

              G　204<br>

              B　153<br>

              #66CC99</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　255<br>

              G　255<br>

              B　255<br>

              #FFFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　204<br>

              G　255<br>

              B　255<br>

              #CCFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　102<br>

              G　253<br>

              B　204<br>

              #6699CC</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　255<br>

              G　255<br>

              B　255<br>

              #FFFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　153<br>

              G　204<br>

              B　255<br>

              #99CCFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center"></div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　204<br>

              G　204<br>

              B　255<br>

              #CCCCFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　255<br>

              G　255<br>

              B　255<br>

              #FFFFFF</div>

          </td>

          <td bgcolor="#FFFFFF" height="31">

            <div align="center">R　153<br>

              G　204<br>

              B　255<br>

              #99CCFF</div>

          </td>

        </tr>

      </table>

    </center>

  </div>

  <p align="center"> <span class="style2">可爱的、快乐的、有趣的</span></p>

  <div align="center"> 

    <center>

      <table width="760" border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" style="border-collapse: collapse" bordercolor="#111111" height="168">

        <tr> 

          <td width="50" height="49" bgcolor="66cccc"> 

            <p align="center">　

          </td>

          <td width="50" bgcolor="ccff66" height="49">　</td>

          <td width="50" bgcolor="ff99cc" height="49">　</td>

          <td width="15" bgcolor="#FFFFFF" height="49">　</td>

          <td width="50" bgcolor="ff9999" height="49">　</td>

          <td width="50" bgcolor="#FFFFFF" height="49">　</td>

          <td width="50" bgcolor="ffcc99" height="49">　</td>

          <td width="15" bgcolor="#FFFFFF" height="49">　</td>

          <td width="50" bgcolor="ff6666" height="49">　</td>

          <td width="50" bgcolor="ffff66" height="49">　</td>

          <td width="50" bgcolor="99cc66" height="49">　</td>

          <td width="15" bgcolor="#FFFFFF" height="49">　</td>

          <td width="50" bgcolor="666699" height="49">　</td>

          <td width="50" bgcolor="#FFFFFF" height="49">　</td>

          <td width="50" bgcolor="#FF9999" height="49">　</td>

          <td width="15" bgcolor="#FFFFFF" height="49">　</td>

          <td width="50" bgcolor="99cc33" height="49">　</td>

          <td width="50" bgcolor="ff9900" height="49">　</td>

          <td width="50" bgcolor="ffcc00" height="49">　</td>

        </tr>

        <tr align="center" valign="top" bgcolor="#FFFFFF" class="style3"> 

          <td height="26">R　102<br>

            G　204<br>

            B　204<br>

            #66CCCC</td>

          <td height="26">R　204<br>

            G　255<br>

            B　102<br>

            #CCFF66</td>

          <td height="26">R　255<br>

            G　153<br>

            B　204<br>

            #FF99CC</td>

          <td height="26">　</td>

          <td height="26">R　255<br>

            G　153<br>

            B　153<br>

            #FF9999</td>

          <td height="26">R　255<br>

            G　255<br>

            B　255<br>

            #FFFFFF</td>

          <td height="26">R　255<br>

            G　204<br>

            B　153<br>

            #FFCC99</td>

          <td height="26">　</td>

          <td height="26">R　255<br>

            G　102<br>

            B　102<br>

            #FF6666</td>

          <td height="26">R　255<br>

            G　255<br>

            B　102<br>

            #FFFF66</td>

          <td height="26">R　153<br>

            G　204<br>

            B　102<br>

            #99CC66</td>

          <td height="26">　</td>

          <td height="26">R　102<br>

            G　102<br>

            B　153<br>

            #666699</td>

          <td height="26">R　255<br>

            G　255<br>

            B　255<br>

            #FFFFFF</td>

          <td height="26">R　255<br>

            G　153<br>

            B　153<br>

            #FF9999</td>

          <td height="26">　</td>

          <td height="26">R　153<br>

            G　204<br>

            B　51<br>

            #99CC33</td>

          <td height="26">

            <p>R　255<br>

              G　153<br>

              B　0<br>

              #FF9900</p>

          </td>

          <td height="26">R　255<br>

            G　204<br>

            B　00<br>

            #FFCC00</td>

        </tr>

        <tr> 

          <td height="49" bgcolor="ff0033">

            <p>　</p>

          </td>

          <td bgcolor="#FFFFFF" height="49">　</td>

          <td bgcolor="ff9966" height="49">　</td>

          <td bgcolor="#FFFFFF" height="49">　</td>

          <td bgcolor="#FF9900" height="49">　</td>

          <td bgcolor="#ccff00" height="49">　</td>

          <td bgcolor="#cc3399" height="49">　</td>

          <td bgcolor="#FFFFFF" height="49">　</td>

          <td bgcolor="#99cc33" height="49">　</td>

          <td bgcolor="#FFFFFF" height="49">　</td>

          <td bgcolor="#FF6600" height="49">　</td>

          <td bgcolor="#FFFFFF" height="49">　</td>

          <td bgcolor="#993366" height="49">　</td>

          <td bgcolor="cccc33" height="49">　</td>

          <td bgcolor="#666633" height="49">　</td>

          <td bgcolor="#FFFFFF" height="49">　</td>

          <td bgcolor="66cccc" height="49">　</td>

          <td bgcolor="#FFFFFF" height="49">　</td>

          <td bgcolor="666699" height="49">　</td>

        </tr>

        <tr align="center" valign="top" bgcolor="#FFFFFF" class="style3"> 

          <td height="41">R　255<br>

            G　0<br>

            B　51<br>

            #FF0033</td>

          <td height="41">R　255<br>

            G　255<br>

            B　255<br>

            #FFFFFF</td>

          <td height="41">R　255<br>

            G　153<br>

            B　102<br>

            #FF9966</td>

          <td height="41">　</td>

          <td height="41">R　255<br>

            G　153<br>

            B　0<br>

            #FF9900</td>

          <td height="41">R　204<br>

            G　255<br>

            B　0<br>

            #CCFF00</td>

          <td height="41">R　204<br>

            G　51<br>

            B　153<br>

            #CC3399</td>

          <td height="41">　</td>

          <td height="41">R　153<br>

            G　204<br>

            B　51<br>

            #99CC33</td>

          <td height="41">R　255<br>

            G　255<br>

            B　255<br>

            #FFFFFF</td>

          <td height="41">R　255<br>

            G　102<br>

            B　0<br>

            #FF6600</td>

          <td height="41">　</td>

          <td height="41">R　153<br>

            G　51<br>

            B　120<br>

            #993366</td>

          <td height="41">R　204<br>

            G　204<br>

            B　51<br>

            #333399</td>

          <td height="41">R　102<br>

            G　102<br>

            B　51<br>

            #666633</td>

          <td height="41">　</td>

          <td height="41">R　102<br>

            G　204<br>

            B　204<br>

            #66CCCC</td>

          <td height="41">R　255<br>

            G　255<br>

            B　255<br>

            #FFFFFF</td>

          <td height="41">R　102<br>

            G　102<br>

            B　153<br>

            #666699</td>

        </tr>

      </table>

    </center>

  </div>

  <p align="center"> <span class="style2">活泼的、快乐的、有趣的</span></p>

  <div align="center"> 

    <center>

      <table width="760" border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" style="border-collapse: collapse" bordercolor="#111111" height="166">

        <tr> 

          <td width="50" height="49" bgcolor="CC9999">　</td>

          <td width="50" bgcolor="FFFF99" height="49">　</td>

          <td width="50" bgcolor="666699" height="49">　</td>

          <td width="15" bgcolor="#FFFFFF" height="49">　</td>

          <td width="50" bgcolor="#FF9900" height="49">　</td>

          <td width="50" bgcolor="#FFFF00" height="49">　</td>

          <td width="50" bgcolor="#0099CC" height="49">　</td>

          <td width="15" bgcolor="#FFFFFF" height="49">　</td>

          <td width="50" bgcolor="#CCCC99" height="49">　</td>

          <td width="50" bgcolor="#CC3399" height="49">　</td>

          <td width="50" bgcolor="#99CC00" height="49">　</td>

          <td width="15" bgcolor="#FFFFFF" height="49">　</td>

          <td width="50" bgcolor="#FF6666" height="49">　</td>

          <td width="50" bgcolor="#FFFF00" height="49">　</td>

          <td width="50" bgcolor="#3399CC" height="49">　</td>

          <td width="15" bgcolor="#FFFFFF" height="49">　</td>

          <td width="50" bgcolor="CC6600" height="49">　</td>

          <td width="50" bgcolor="999999" height="49">　</td>

          <td width="50" bgcolor="CCCC33" height="49">　</td>

        </tr>

        <tr align="center" valign="top" bgcolor="#FFFFFF" class="style3"> 

          <td height="34">R　204<br>

            G　153<br>

            B　153<br>

            #CC9999</td>

          <td height="34">R　255<br>

            G　255<br>

            B　153<br>

            #FFFF99</td>

          <td height="34">R　102<br>

            G　102<br>

            B　153<br>

            #666699</td>

          <td height="34">　</td>

          <td height="34">R　255<br>

            G　153<br>

            B　0<br>

            #FF9900</td>

          <td height="34">R　255<br>

            G　255<br>

            B　0<br>

            #FFFF00</td>

          <td height="34">R　0<br>

            G　153<br>

            B　204<br>

            #0099CC</td>

          <td height="34">　</td>

          <td height="34">R　204<br>

            G　204<br>

            B　153<br>

            #CCCC99</td>

          <td height="34">R　204<br>

            G　51<br>

            B　153<br>

            #CC3399</td>

          <td height="34">R　153<br>

            G　204<br>

            B　0<br>

            #99CC00</td>

          <td height="34">　</td>

          <td height="34">R　255<br>

            G　102<br>

            B　102<br>

            #FF6666</td>

          <td height="34">R　255<br>

            G　255<br>

            B　0<br>

            #FFFF00</td>

          <td height="34">R　51<br>

            G　153<br>

            B　204<br>

            #3399CC</td>

          <td height="34">　</td>

          <td height="34">R　204<br>

            G　102<br>

            B　0<br>

            #CC6600</td>

          <td height="34">R　153<br>

            G　153<br>

            B　153<br>

            #999999</td>

          <td height="34">R　204<br>

            G　204<br>

            B　51<br>

            #CCCC33</td>

        </tr>

        <tr> 

          <td height="49" bgcolor="FF9933">　</td>

          <td bgcolor="FFFFCC" height="49">　</td>

          <td bgcolor="009933" height="49">　</td>

          <td bgcolor="#FFFFFF" height="49">　</td>

          <td bgcolor="#0099CC" height="49">　</td>

          <td bgcolor="#CCCCCC" height="49">　</td>

          <td bgcolor="#FF6666" height="49">　</td>

          <td bgcolor="#FFFFFF" height="49">　</td>

          <td bgcolor="#FF6600" height="49">　</td>

          <td bgcolor="#FFFF66" height="49">　</td>

          <td bgcolor="#009966" height="49">　</td>

          <td bgcolor="#FFFFFF" height="49">　</td>

          <td bgcolor="#CC6633" height="49">　</td>

          <td bgcolor="#FFCC99" height="49">　</td>

          <td bgcolor="#CC6600" height="49">　</td>

          <td bgcolor="#FFFFFF" height="49">　</td>

          <td bgcolor="CC0066" height="49">　</td>

          <td bgcolor="009999" height="49">　</td>

          <td bgcolor="FFCC33" height="49">　</td>

        </tr>

        <tr align="center" valign="top" bgcolor="#FFFFFF" class="style3"> 

          <td height="31">R　255<br>

            G　153<br>

            B　51<br>

            #FF9933</td>

          <td height="31">R　255<br>

            G　255<br>

            B　204<br>

            #FFFFCC</td>

          <td height="31">R　0<br>

            G　153<br>

            B　51<br>

            #009933</td>

          <td height="31">　</td>

          <td height="31">R　0<br>

            G　153<br>

            B　204<br>

            #0099CC</td>

          <td height="31">R　204<br>

            G　204<br>

            B　204<br>

            #CCCCCC</td>

          <td height="31">R　255<br>

            G　102<br>

            B　102<br>

            #FF6666</td>

          <td height="31">　</td>

          <td height="31">R　255<br>

            G　102<br>

            B　0<br>

            #FF6600</td>

          <td height="31">R　255<br>

            G　255<br>

            B　102<br>

            #FFFF66</td>

          <td height="31">R　9<br>

            G　153<br>

            B　102<br>

            #009966</td>

          <td height="31">　</td>

          <td height="31">R　204<br>

            G　102<br>

            B　51<br>

            #CC6633</td>

          <td height="31">R　255<br>

            G　204<br>

            B　153<br>

            #FFCC99</td>

          <td height="31">R　204<br>

            G　102<br>

            B　0<br>

            #CC6600</td>

          <td height="31">　</td>

          <td height="31">R　204<br>

            G　0<br>

            B　102<br>

            #CC0066</td>

          <td height="31">R　0<br>

            G　153<br>

            B　153<br>

            #009999</td>

          <td height="31">R　255<br>

            G　204<br>

            B　51<br>

            #FFCC33</td>

        </tr>

      </table>

    </center>

  </div>

  <p align="center"> <span class="style2">运动型的、轻快的</span><br>

  </p>

  <div align="center"> 

    <center>

      <table width="760" border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" style="border-collapse: collapse" bordercolor="#111111" height="175">

        <tr> 

          <td width="50" height="51" bgcolor="ff6666">　</td>

          <td width="50" bgcolor="ffff00" height="51">　</td>

          <td width="50" bgcolor="006699" height="51">　</td>

          <td width="15" bgcolor="#FFFFFF" height="51">　</td>

          <td width="50" bgcolor="ff9966" height="51">　</td>

          <td width="50" bgcolor="ffffcc" height="51">　</td>

          <td width="50" bgcolor="0066cc" height="51">　</td>

          <td width="15" bgcolor="#FFFFFF" height="51">　</td>

          <td width="50" bgcolor="339933" height="51">　</td>

          <td width="50" bgcolor="ffcc33" height="51">

            <p>　</p>

            <p>　</p>

          </td>

          <td width="50" bgcolor="336699" height="51">　</td>

          <td width="15" bgcolor="#FFFFFF" height="51">　</td>

          <td width="50" bgcolor="#FF9900" height="51">　</td>

          <td width="50" bgcolor="#FFFFcc" height="51">　</td>

          <td width="50" bgcolor="336699" height="51">　</td>

          <td width="15" bgcolor="#FFFFFF" height="51">　</td>

          <td width="50" bgcolor="ff6600" height="51">　</td>

          <td width="50" bgcolor="cccc33" height="51">　</td>

          <td width="50" bgcolor="336699" height="51">　</td>

        </tr>

        <tr align="center" valign="top" bgcolor="#FFFFFF" class="style3"> 

          <td height="36">

            <div align="center">R　255<br>

              G　102<br>

              B　102<br>

              #FF6666</div>

          </td>

          <td height="36">

            <div align="center">R　255<br>

              G　255<br>

              B　0<br>

              #FFFF00</div>

          </td>

          <td height="36">

            <div align="center">R　0<br>

              G　102<br>

              B　153<br>

              #006699</div>

          </td>

          <td height="36">

            <div align="center"></div>

          </td>

          <td height="36">

            <div align="center">R　255<br>

              G　153<br>

              B　102<br>

              #FF9966</div>

          </td>

          <td height="36">

            <div align="center">R　255<br>

              G　255<br>

              B　204<br>

              #FFFFCC</div>

          </td>

          <td height="36">

            <div align="center">R　0<br>

              G　102<br>

              B　204<br>

              #0066CC</div>

          </td>

          <td height="36">

            <div align="center"></div>

          </td>

          <td height="36">

            <div align="center">R　51<br>

              G　153<br>

              B　51<br>

              #339933</div>

          </td>

          <td height="36">

            <div align="center">R　255<br>

              G　204<br>

              B　51<br>

              #FFCC33</div>

          </td>

          <td height="36">

            <div align="center">R　51<br>

              G　102<br>

              B　153<br>

              #336699</div>

          </td>

          <td height="36">

            <div align="center"></div>

          </td>

          <td height="36">

            <div align="center">R　255<br>

              G　153<br>

              B　0<br>

              #FF9900</div>

          </td>

          <td height="36">

            <div align="center">R　255<br>

              G　255<br>

              B　204<br>

              #FFFFCC</div>

          </td>

          <td height="36">

            <div align="center">R　51<br>

              G　102<br>

              B　153<br&

返回顶楼
         
  • lgs0626
  • 等级: 三星会员
  • 性别:
  • 文章: 75
  • 积分: 350
  • 来自: 北京
   发表时间：2011-03-13  
demo已经上传供大家学习使用
返回顶楼
          回帖地址
0 请登录后投票
  • ztcwh
  • 等级: 初级会员
  • 性别:
  • 文章: 59
  • 积分: 50
  • 来自: 寻乌
   发表时间：2011-03-15  
楼主辛苦了，花了不少时间吧。很详细，不错。
返回顶楼
          回帖地址
0 请登录后投票
  • gingguoqiu
  • 等级: 初级会员
  • 性别:
  • 文章: 3
  • 积分: 30
  • 来自: 南京
   发表时间：2011-03-15  
色调看着蛮不错的，感谢分享
返回顶楼
          回帖地址
0 请登录后投票
  • parwin2
  • 等级: 初级会员
  • 性别:
  • 文章: 44
  • 积分: 0
  • 来自: 广州
   发表时间：2011-03-15  
我推荐一个更全，归类的配色辞典。详情请点击：http://www.zhaozi.cn/color.htm

分享。
返回顶楼
          回帖地址
0 请登录后投票
  • kangaroo_xin
  • 等级: 初级会员
  • 性别:
  • 文章: 16
  • 积分: 40
  • 来自: 北京
   发表时间：2011-03-15  
非常感谢。


不过这个代码可以用Code引用起来呀，看起来页面会舒服一些。
返回顶楼
          回帖地址
0 请登录后投票
  • honlin
  • 等级: 初级会员
  • 性别:
  • 文章: 25
  • 积分: 30
  • 来自: 北京
   发表时间：2011-03-15  
不全，中间被截断，望楼主能补充一下
返回顶楼
          回帖地址
0 请登录后投票
  • xifeng91
  • 等级: 初级会员
  • 性别:
  • 文章: 13
  • 积分: 30
  • 来自: 北京
   发表时间：2011-03-15  
I like it
返回顶楼
          回帖地址
0 请登录后投票
  • Enjoy_show
  • 等级: 初级会员
  • 性别:
  • 文章: 33
  • 积分: 0
  • 来自: 上海
   发表时间：2011-03-15  
parwin2 写道
我推荐一个更全，归类的配色辞典。详情请点击：http://www.zhaozi.cn/color.htm

分享。

不错 收了
返回顶楼
          回帖地址
0 请登录后投票
  • steafler
  • 等级: 初级会员
  • 性别:
  • 文章: 131
  • 积分: 0
  • 来自: 成都
   发表时间：2011-03-15  
疯了，看看都晕了
返回顶楼
          回帖地址
0 请登录后投票
论坛首页 → Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics