JavaScript - Hexadezimal nach RGB umwandeln
<p>
<label>Farbe auswählen: <input type="color" id="color" value="#000000"></label>
</p>
<p>
<label>Hexadezimal: <input type="text" id="hexadezimal" value="#000000"></label>
</p>
<p>
<label>RGB: <input type="text" id="rgb" value="0,0,0"></label>
</p>
<script>
document.getElementById("color").addEventListener("change", (e) => {
var hex = e.target.value.toUpperCase();
document.getElementById("hexadezimal").value = hex;
var red = parseInt((cutHex(hex)).substring(0, 2), 16);
var green = parseInt((cutHex(hex)).substring(2, 4), 16);
var blue = parseInt((cutHex(hex)).substring(4, 6), 16);
document.getElementById("rgb").value = red + "," + green + "," + blue;
});
function cutHex(hex) {
return (hex.charAt(0)=="#") ? hex.substring(1,7):hex;
}
</script>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<kbd> Tastatureingabe
CSS - Bild vergrößern mit dem „Checkbox Hack”
JavaScript - Ausgabe des aktuellen Datums mit Monats- und Tagesnamen