Выбрать цвет онлайн Color Generator

Рейтинг:  5 / 5

Подробности

Категория: вебдизайнер

Автор: Администрация веб-студии

В помощь для веб-дизайнеров представлен простой способ подобрать необходимый цвет. Генератор или селектор автоматически меняет цвет фона и выдает три различных кодировки цвета — RGB HEX HSV. А список отображает цветовую гамму в HEX кодировке. Ниже представлены скрипты генератора и списка.

Выбрать цвет фона и текста онлайн | Color Generator

Выбрать цвет текста или фона для HTML страницы:

Цвет для HTML страницы в формате HEX: каждый код состоит из приставки-символа "#" и самого кода, обозначающего определенный цвет. Кодировка HEX использует шестнадцатеричную систему кодирования, то есть каждый оттенок цвета представлен в виде шестнадцатеричного кода.

Значение кодировки цвета: Первые два значения кода отвечают за насыщенность красного цвета. Следующая пара (3 и 4 значения) отвечает за оттенок зеленого. Последняя пара (5 и 6 значения) отвечает за синий цвет. В итоге с помощью комбинирования различных значений кода HEX мы получаем необходимый нам цвет. К справке цветовая гамма начинается с 00 (наименее насыщенный цвет) до значения FF (наиболее насыщенный цвет).

<html>
    <head>
       <script type="text/javascript" 
          src="/colorpicker.js"></script>
       <style type="text/css">
         #picker { width: 200px; height: 200px }
         #slide { width: 30px; height: 200px }
       </style>
     </head>
     <body>
       <div id="picker"></div>
       <div id="slide"></div>
       <script type="text/javascript">
           ColorPicker(
             document.getElementById('slide'),
             document.getElementById('picker'),
             function(hex, hsv, rgb) {
               document.body.style.backgroundColor = hex;
             });
       </script>
      </body>
</html>

<Script Language="JavaScript">
 clr=new Array('00','20','40','60','80','a0','c0','ff');
 for (i=0;i<8;i++)
 {document.write("<table border=1 cellpadding=8>");
 for (j=0;j<8;j++)
 {document.write("<tr>");
 for (k=0;k<8;k++)
 {document.write('<td bgcolor="#'+clr[i]+clr[j]+clr[k]+'">');
 document.write('<tt><font color="#'+clr[7-i]+clr[7-j]+clr[7-k]+'"> ');
 document.write(clr[i]+clr[j]+clr[k]+' </font></tt></td>');}
 document.write("</tr>");}
 document.write("</table><br>");}
</Script>

• Вперёд >