So legen Sie die Farbe in Javascript fest

So legen Sie den Farbwert in JavaScript fest: 1. Verwenden Sie den englischen Befehl color, der Code ist [p{color:red;}] 2. Verwenden Sie die RGB-Farbe, der Code ist [p{color:rgb(133 ,45.200);}] .

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.

So legen Sie Farbwerte in Javascript fest:

1. Englische Befehlsfarberrree

Dies ist die wie „in „Photoshop“ RGB“-Farben sind konsistent und werden durch das Verhältnis der drei Farben „R(rot)“, „G(grün)“ und „B(blau)“ angepasst. Zum Beispiel:

p{color:red;}

Der Wert jedes Elements kann eine Ganzzahl zwischen 0 und 255 oder ein Prozentsatz zwischen 0 und 100 % sein. Zum Beispiel: „

p{color:rgb(133,45,200);}

“ Der vierte Parameter von RGB ist Transparenz, der Wert ist 0-1

3, hexadezimale Farbe

Diese Farbeinstellungsmethode wird jetzt häufiger verwendet und ihr Prinzip ist tatsächlich dasselbe RGB Einstellung, aber der Wert jedes Elements wird von 0-255 in hexadezimal 00-ff geändert. Zum Beispiel:

p{color:rgb(20%,33%,25%);}

4, HSLA-Farbwert, wie HSLA (360, 50 %, 50 %, .5) durchscheinendes Rot, diese Methode ist nicht mit IE8 und niedriger kompatibel.

p{color:#00ffff;}

H: Farbton (Farbton). 0 (oder 360) steht für Rot, 120 steht für Grün, 240 steht für Blau und andere Werte können auch zur Angabe von Farben verwendet werden. Der Wert ist: 0 - 360

S: Sättigung. Der Wert ist: 0,0 % - 100,0 %

L: Helligkeit. Der Wert ist: 0,0 % – 100,0 %

A: Alpha-Transparenz. Der Wert liegt zwischen 0 und 1. 2. Generieren Sie zufällige Farbcodes können ineinander konvertiert werden, aber das RGBA-Format verfügt über ein Alpha-Transparenzattribut, das die ersten beiden nicht haben, sodass der Alpha-Wert bei der Konvertierung in die ersten beiden verloren geht. Hier ist meine Farbkonvertierung Methode:

HSLA(H,S,L,A)

Verwandte kostenlose Lernempfehlungen:

Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die Farbe in Javascript fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!