FARBE Web-SgS

Script - 29

Конвертор: цвет и код

<head> </head> <CENTER> <BODY> <Center> <br> <script language="JavaScript"> function GiveDec(Hex) { if(Hex == "A") Value = 10; else if(Hex == "B") Value = 11; else if(Hex == "C") Value = 12; else if(Hex == "D") Value = 13; else if(Hex == "E") Value = 14; else if(Hex == "F") Value = 15; else Value = eval(Hex) return Value; } function GiveHex(Dec) { if(Dec == 10) Value = "A"; else if(Dec == 11) Value = "B"; else if(Dec == 12) Value = "C"; else if(Dec == 13) Value = "D"; else if(Dec == 14) Value = "E"; else if(Dec == 15) Value = "F"; else Value = "" + Dec; return Value; } function HexToRGB() { Input = window.document.forms['ColorForm'].elements['HexIn'].value; Input = Input.toUpperCase(); a = GiveDec(Input.substring(0, 1)); b = GiveDec(Input.substring(1, 2)); c = GiveDec(Input.substring(2, 3)); d = GiveDec(Input.substring(3, 4)); e = GiveDec(Input.substring(4, 5)); f = GiveDec(Input.substring(5, 6)); x = (a * 16) + b; y = (c * 16) + d; z = (e * 16) + f; window.document.forms['ColorForm'].elements['RedOut'].value = x; window.document.forms['ColorForm'].elements['GreenOut'].value = y; window.document.forms['ColorForm'].elements['BlueOut'].value = z; document.getElementById('coll1').style.backgroundColor = "#" + Input; //Покажем цвет } function RGBToHex() { Red = window.document.forms['ColorForm'].elements['RedIn'].value; Green = window.document.forms['ColorForm'].elements['GreenIn'].value; Blue = window.document.forms['ColorForm'].elements['BlueIn'].value; a = GiveHex(Math.floor(Red / 16)); b = GiveHex(Red % 16); c = GiveHex(Math.floor(Green / 16)); d = GiveHex(Green % 16); e = GiveHex(Math.floor(Blue / 16)); f = GiveHex(Blue % 16); z = a + b + c + d + e + f; window.document.forms['ColorForm'].elements['HexOut'].value = z; document.getElementById('coll2').style.backgroundColor = "#" + z; //Покажем цвет } </script> <style> .input-button{width:102px;height:20px;border:none;background:url(images/button-bg2-mini.png) no-repeat left top;font:1.3em Arial,Helvetica,sans-serif;color:aqua;cursor:pointer;} .input-text{width:245px;border-top:1px solid #7D7D7D;border-right:1px solid #DADADA;border-bottom:1px solid #DADADA;border-left:1px solid #7D7D7D;padding:4px;font:1em Arial,Helvetica,sans-serif;color:#F4F78B;margin:0 5px 0 0} .speed{margin-bottom:40px; width:550px;} .speed form {background:#8B8B8B;border:1px solid #BCD0D3;margin-bottom:40px} .speed form div{padding:15px 25px;border-bottom:1px solid #DFEAEB} .speed form table{font-size:0.75em;width:80%} .speed form table th{font-weight:normal;text-align:center;padding:0 10px 5px 0;width:130px} .speed form table thead th{font-style:italic;color:#919393;text-align:left;width:auto} .speed form table td{padding:0 0 5px 0} .speed form table small{font-size:0.9em} .ip_cto {background:#E8E8E8;border:1px solid #C9C9C9} .ip_vnutr {background:#D3D3D3;margin:10px; text-align:center; font-size:34px} </style> <center> <br> <div class="speed"> <div> <form name="ColorForm"> <br><br> <table align="center"> <tbody> <tr> <td colspan="9"><h2>Конвертер HEX в RGB</h1></td> </tr> <tr> <th colspan="3"> HEX код </th><th colspan="3"> </th><th><font color="#ff0000"> <b>Red</b> </font></th><th><font color="green"> <b>Green</b> </font></th><th><font color="#0000ff"> <b>Blue</b> </font></th></tr><tr> <td colspan="3"> #<input name="HexIn" maxlength="6" size="21" type="text"> </td><td colspan="3"> <input value="Код - RGB" onclick="HexToRGB()" class="input-button" name="Button" type="button"> </td><td> <input size="4" name="RedOut" maxlength="3" type="text"> </td><td> <input size="4" name="GreenOut" maxlength="3" type="text"> </td><td> <input size="4" name="BlueOut" maxlength="3" type="text"> </td></tr> <tr><td colspan="9"><p id="coll1"> </p></td></tr><tr> <tr> <td colspan="9"><br><br><h2>Конвертер RGB в HEX</h1></td> </tr> <tr> <th><font color="#ff0000"> <b>Red</b> </font></th><th><font color="green"> <b>Green</b> </font></th><th><font color="#0000ff"> <b>Blue</b> </font></th> <th colspan="3"> </th><th colspan="3"> HEX код </th></tr><tr> <td> <input size="4" name="RedIn" maxlength="3" type="text"> </td><td> <input size="4" name="GreenIn" maxlength="3" type="text"> </td><td> <input size="4" name="BlueIn" maxlength="3" type="text"> </td><td colspan="3"> <input value="RGB - Код" onclick="RGBToHex()" class="input-button" name="Button" type="button"> </td><td colspan="3"> #<input size="21" name="HexOut" maxlength="6" type="text"> </td> </tr> <tr><td colspan="9"><p id="coll2"> </p></td></tr><tr> </tbody></table> </form> </div> </div> </center> <br> </CENTER> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> <p><center> <font face="arial, helvetica" size="-2"><br> </font> </center><p>

HEX код			Red
Конвертер HEX в RGB
#

Конвертер RGB в HEX
Red	Green	Blue	HEX код
			#

Инструмент Конвертер цветов позволяет преобразовать шестнадцатеричные (HEX) значения в RGB цвета и обратно (из RGB в HEX). Используйте этот конвертер для преобразования ваших цветов и подготовки графики для веб-сайтов. При конвертации не используйте символ - # (Решётка).

Пример: HEX-код 66FF66 преобразуется в части RGB —
Красный: 102, Зеленый: 255, Голубой: 102.

**На верх **

на верх