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(02), 16);
 var 
green parseInt((cutHex(hex)).substring(24), 16);
 var 
blue parseInt((cutHex(hex)).substring(46), 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.

<style> CSS

CSS - Diagonaler Streifen-Effekt

PHP - Copyright-Hinweis immer aktuell

JavaScript - Formularfelder dynamisch hinzufügen

MySQL - Einfügen oder aktualisieren mit 'ON DUPLICATE KEY UPDATE'