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.

<del> Logische Auszeichnung

CSS - Hintergrundbild mit Zoom Funktion

PHP - Dateigröße ermitteln und Maßeinheit anzeigen

JavaScript - Anzahl der markierten Checkboxen anzeigen

MySQL - Text in einer Spalte austauschen

Grafiken mit Größenangabe
Um lange Wartezeiten beim Aufbau einer HTML-Seite zu vermeiden muss man die Größe einer vorhandenen Grafik mitangeben. Durch diese Angabe kann der Browser für die Grafik den Platz reservieren und kann den Rest der Seite laden, ohne auf das Downloaden der kompletten Grafik zu warten.
<img src="bild.gif" height="Höhe des Bildes in Pixeln" width="Breite des Bildes">
Verwenden Sie niemals die Attribute WIDTH und HEIGHT, um die Größe einer Grafik in HTML zu ändern. Wenn andere Größen benötigt werden, dann erstellen Sie dafür eine kleinere beziehungsweise größere Version der Grafik.