JavaScript Color-Translator
Tranlate RGB to HSV/HSL and vice versa dynamically via JavaScript! |
| Eine kleine Anleitung: |
Um den JavaScript Color-Translator zu nutzen, muss nur die JavaScript-Bibliothek
referenziert und die benötigten Funktionen aufgerufen werden.
Eine einfache Html-Webseite, die einen Farbkreis ausgibt, würde so aussehen.
<html>
<head>
<title>JavaScript ColorTranslator - Example</title>
<script language="JavaScript" src="jsColorTranslator.js"
type="text/javascript"></script>
</head>
<body>
Hier kommt mein Farbkreis:<br><br>
<div id="myColorCircle"></div>
<script type="text/javascript">
<!--
var hWidth = 5;
var color = "#5352A0";
var arrCC = GetHsvColorCircle(hWidth, color);
var oCC = document.getElementById("myColorCircle");
insertColorCircleToDiv(oCC, arrCC);
function insertColorCircleToDiv(oDiv, arrColorCircle)
{
for(var i=0;i<arrCC.length;i++)
{
var strAdjustedColor = arrCC[i];
oDiv.innerHTML += "<div style=\"background-color:"+strAdjustedColor+";width:4px;height:30px;float:left;\" title=\""+strAdjustedColor+"\"></div>";
}
}
//-->
</script>
</body>
</html>
|
| zurück |