JavaScript - Hexadezimal nach RGB umwandeln

Farbe auswählen:

Hexadezimal:

RGB:

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

<details> Details

CSS - Animationen mit Keyframes

PHP - Verbindungsfehler zur Datenbank anzeigen

JavaScript - Geladenes Stylesheet austauschen

MySQL - Datensätze sortieren nach Länge der Zeichen