`

配色辞典

 
阅读更多

 

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

分享到：
| 很强悍的在线科学计算器
评论
18 楼 tanghanlin 2011-03-18  
不错的，刚刚需要这个
17 楼 xiaophai 2011-03-18  
楼主，真强悍！
16 楼 yuge2009 2011-03-17  
感谢楼主，对于我这没做过美工的开发人员还是有不少用处
15 楼 szmq2 2011-03-16  
收藏下来，谢谢
14 楼 niujfei 2011-03-16  
<p>看的挺舒服的</p>
<p>很不错。</p>
13 楼 nianien 2011-03-16  
<p>LZ发个全的吧?颜色配置的很有感觉,非常喜欢,希望能补全</p>
12 楼 satanultra 2011-03-16  
lz辛苦了，用js循环生成就好了！不用那么麻烦。
11 楼 sdvc 2011-03-16  
意义在哪里？
10 楼 xyqck163 2011-03-16  
。。。。。。。还是算了吧，一直用css chm文档上的点击取色
9 楼 steafler 2011-03-15  
疯了，看看都晕了
8 楼 Enjoy_show 2011-03-15  
parwin2 写道
我推荐一个更全，归类的配色辞典。详情请点击：http://www.zhaozi.cn/color.htm

分享。

不错 收了
7 楼 xifeng91 2011-03-15  
I like it
6 楼 honlin 2011-03-15  
不全，中间被截断，望楼主能补充一下
5 楼 kangaroo_xin 2011-03-15  
非常感谢。


不过这个代码可以用Code引用起来呀，看起来页面会舒服一些。
4 楼 parwin2 2011-03-15  
我推荐一个更全，归类的配色辞典。详情请点击：http://www.zhaozi.cn/color.htm

分享。
3 楼 gingguoqiu 2011-03-15  
色调看着蛮不错的，感谢分享
2 楼 ztcwh 2011-03-15  
楼主辛苦了，花了不少时间吧。很详细，不错。
1 楼 lgs0626 2011-03-13  
demo已经上传供大家学习使用
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    配色辞典_color

    《配色辞典_color》是关于色彩搭配的重要资源，它主要提供颜色与RGB值的对应关系，对于设计人员和IT从业者来说，具有很高的参考价值。RGB（Red, Green, Blue）是电子屏幕显示颜色的基础，通过红、绿、蓝三种颜色的...

    CSS配色辞典方案

    "CSS配色辞典方案"是一份全面的资源，旨在帮助设计师们理解和运用CSS来创建出吸引人的、视觉效果良好的网页设计。这份资料可能包含了一系列的颜色组合、颜色代码、以及如何在CSS中应用这些颜色的实例。 首先，我们...

    配色词典 网页设计 配色

    "配色词典"的压缩文件"配色辞典"可能包含了各种配色示例、颜色代码、颜色搭配原则等资源，对于初学者和经验丰富的设计师来说都是宝贵的参考资料。通过深入研究和实践，设计师可以从中学习如何有效地运用色彩，提升...

    Dreamweaver 网页制作配色辞典

    《Dreamweaver 网页制作配色辞典》是一本专门为网页设计师和开发者准备的资源集合，源自Dreamweaver CS3商业实例书籍的配套光盘。这本书籍着重于指导用户如何利用Adobe Dreamweaver这一强大的网页设计工具进行有效的...

    超全的配色辞典

    "超全的配色辞典"提供了一套全面的配色方案，旨在帮助设计师们解决在创建Web项目或移动客户端页面时遇到的颜色搭配难题。 配色在设计中的作用不可小觑。合适的色彩搭配可以提升设计的吸引力，强化品牌的视觉标识，...

    网页配色词典和语法手册

    《配色辞典》可能是本压缩包中的一个文档，它详尽地列出了各种颜色及其在网页设计中的应用。这个辞典可能会包含颜色的基本知识，如原色、二次色、三原色系统，以及色调、饱和度和明度等概念。此外，它可能还探讨了...

    网页配色辞典及203种网页配色方案

    "网页配色辞典"和"203种网页配色方案"提供了丰富的参考资料，帮助网页设计师和开发者在网页制作过程中找到合适的色彩搭配。 首先，我们要理解色彩在网页设计中的基本原理。色彩可以唤起情绪、引导视线、区分内容...

    网页配色词典最佳网站配色方案

    "网页配色词典"是一个专门为设计师和开发者提供的资源，它提供了丰富的配色方案，帮助用户轻松解决配色问题。下面，我们将深入探讨与网页配色相关的知识点。 首先，我们要理解颜色在网页设计中的作用。颜色不仅仅是...

    网页配色---网页配色辞典

    "网页配色---网页配色辞典"可能是一个包含多种配色方案、理论指导和实例展示的资源集合，旨在帮助设计师更好地理解和应用色彩在网页设计中的艺术。 首先，我们要了解色彩的基本原理。色彩可以分为原色（红、黄、蓝...

    常见网页配色词典常见网页配色词典

    ### 常见网页配色词典 #### 一、按色彩分类 在网页设计中，色彩的选择至关重要，它不仅关系到网站的整体美感，还直接影响用户的浏览体验和情感反应。根据给定的部分内容，我们可以将常见的网页配色分为以下几个...

    203种配色方案 配色辞典

    本光盘内容包括书中涉及到的相关配色方案、网页作品截图、常用配色辞典，以及作者从互联网上精选出的800幅优秀网页作品。光盘中还附赠了10款网页配色软件，可以进行颜色选取、色值换算和自动配色，帮助设计者快速...

    配色表，css, 配色辞典

    本文将根据提供的配色辞典内容，详细介绍几种常用的色彩搭配方案及其在CSS中的应用方法。 #### 二、配色基础 在开始之前，我们先了解一些基本概念： - **RGB（Red, Green, Blue）**：一种基于光的颜色模型，通过红...

    实用软件界面配色辞典

    很简单实用的软件界面配色辞典，单个文件，使用方便

    配色大辞典配色大辞典

    配色大辞典.网站开发过程中的配色帮助，可配合取色器使用配色大辞典.网站开发过程中的配色帮助，可配合取色器使用

    配色辞典（Web216色大辞典、和色大辞典、色谱表、颜色英文代码全集等）

    "配色辞典（Web216色大辞典、和色大辞典、色谱表、颜色英文代码全集等）"这一资源集合了多种颜色工具，为设计师提供了丰富的色彩参考和指导。以下是这些内容的具体解析： 1. **Web216色大辞典**：在早期的Web设计中...

    网页配色词典

    "网页配色词典"是一个专门为设计师和网页制作者提供配色参考和灵感的工具。它包含了丰富的色彩组合，帮助用户快速找到适合的配色方案，避免在颜色搭配上花费过多时间和精力。 网页配色的基本原则包括对比、和谐、...

    网页配色辞典

    《网页配色辞典》是一部专为网页设计师和开发者准备的资源，它通过图片和网页形式展示了各种颜色及其对应的十六进制颜色编码。这种编码方式在Web开发中广泛应用，因为它们提供了精确的颜色表示。 首先，我们要了解...

    配色 大辞典 ps对比

    《配色大辞典》是设计师们不可或缺的参考资料，它深入探讨了色彩理论与实践，尤其是在Photoshop（PS）中的应用。色彩在设计中的重要性不言而喻，它可以传达情感，引导视线，甚至影响用户体验。这篇内容将详细介绍...

    html配色辞典

    《HTML配色辞典》是一本专为初学者设计的指南，旨在帮助用户掌握网站设计中的色彩搭配技巧。HTML作为网页制作的基础语言，虽然不直接处理颜色，但了解如何运用色彩对于创建美观、吸引人的网页至关重要。配色是网页...

Magicbox
Global site tag (gtag.js) - Google Analytics