Hoe verander ik de kleur van HTML-tekst? - Techno

De meeste HTML-webpagina's bevatten tekst om informatie te verstrekken. HTML-tekst kan instructies, beschrijvingen, enz. bevatten, maar om de leeservaring te verbeteren, wordt HTML-tekst meestal opgemaakt met verschillende stijltechnieken, en de kleur van de tekst kan worden gewijzigd of Wijzigen is daar een van. In deze zelfstudie laten we u zien hoe u de kleur van HTML-tekst op verschillende manieren kunt wijzigen.

Waarom de kleur van HTML-tekst wijzigen?

Voordat we beginnen uit te leggen hoe u de kleur van HTML-tekst kunt wijzigen, zullen we enkele gebruiksproblemen en de voordelen van het wijzigen van de kleur van tekst opsommen.

Beschrijf een belangrijk deel van de tekst of informatie.
Markeer belangrijke trefwoorden in de tekst en zorg dat deze makkelijk vindbaar zijn.
Stijlnotities om te onderscheiden van platte tekst.
Maak waarschuwingen zichtbaarder en leesbaarder.

Verander de kleur van HTML met stijlattributie.

De meest populaire en gemakkelijkste manier om de kleur van HTML-tekst te wijzigen, is door deze te gebruiken. style Kenmerk van verschillende HTML-tags. In dit voorbeeld hebben we

Vervang het kenmerk tagstijl door. color Pas de kleur aan die we willen instellen.

<html>
<body>

<p>I am normal which means black</p>
<p style="color:red;">I am RED</p>
<p style="color:blue;">I am BLUE</p>
<p style="color:yellow">I am YELLOW</p>
<p style="color:purple">I am PURPLE</p>
<p style="color:brown">I am BROWN</p>

</body>
</html>

Verander de kleur van HTML met stijlattributie.

Verander de kleur van HTML voor specifieke tags of blokken.

We kunnen HTML-kleuren instellen voor verschillende tags of blokken. CSS-klassen of -selectors kunnen worden gebruikt om een groep tekstkleuren van HTML-elementen te maken.

<html>
<head>
 <style> 
 p 
 color: blue;
 
 h1 
 color: green;
 
</style>
</head>
<body>

 <p>I am normal which means black</p>
 <h1>I am a Header</h1>

</body>
</html>

Verander de kleur van HTML voor specifieke tags of blokken.

HTML-kleurformaten

HTML-kleuren kunnen in verschillende formaten worden gedefinieerd. De meest populaire HTML-kleurformaten zijn Hex-, Color Name-, RGB- en HSL-formaten.

Hex Color Code Hexa bevat decimale waarden waar kleur nauwkeurig kan worden uitgedrukt. Bijvoorbeeld: "# FF0000 وضاحت definieert rood.

Color Name De meest gebruikte, populaire en humane naam wordt gegeven waar de juiste kleurnaam wordt gegeven, zoals rood, cyaan, zwart, enz.

RGB Color Value De hex is vergelijkbaar met de kleurcode waar 3 waarden worden gegeven om de kleur te definiëren.Het is als een kleurenpalet waar rood, groen en blauw worden gemengd om andere kleuren te creëren.

Verander de kleur van HTML met hexadecimale kleurcodes.

We kunnen de kleur van HTML-tekst wijzigen met behulp van de hexadecimale kleurcode. We gebruiken alleen de standaardtechniek om de kleur in te stellen.

<html>
<body>

<p>I am normal which means black</p>
<p style="color:#FF0000;">I am RED</p>
<p style="color:#0066ff;">I am BLUE</p>
<p style="color:#ffff00">I am YELLOW</p>
<p style="color:#663300">I am BROWN</p>

</body>
</html>

Verander de kleur van HTML met hexadecimale kleurcodes.

Verander de kleur van HTML met kleurnamen.

Kleurnamen zijn de gemakkelijkste manier om de kleur van HTML-tekst te definiëren en te wijzigen. We hebben zelfs al voorbeelden gegeven van het gebruik van kleurnamen voor HTML-tekst. Neem een kijkje in de sectie "HTML-kleur wijzigen met stijltoeschrijving".

Verander de kleur van HTML met RGB-kleurwaarden.

RBG-kleurwaarden zijn een andere manier om verschillende kleuren in te stellen met verschillende diepe en lichte variaties.

<html>
<body>

<p>I am normal which means black</p>
<p style="color:rgb(255, 0, 0);">I am RED</p>
<p style="color:rgb(0, 102, 255);">I am BLUE</p>
<p style="color:rgb(255, 255, 0)">I am YELLOW</p>
<p style="color:rgb(102, 51, 0)">I am BROWN</p>

</body>
</html>

Verander de kleur van HTML met RGB-kleurwaarden.

Verander de kleur van HTML met HSL-kleurwaarden.

Zelfs dergelijke populaire HSL-kleurwaarden kunnen niet worden gebruikt om HTML-tekstkleur in te stellen. HSL lijkt op RGB waar enkele waarden worden gegeven om een donkerdere of lichtere kleur te definiëren.

<html>
<body>

<p>I am normal which means black</p>
<p style="color:hsl(0, 100%, 50%);">I am RED</p>
<p style="color:hsl(216, 100%, 50%);">I am BLUE</p>
<p style="color:hsl(60, 100%, 50%)">I am YELLOW</p>
<p style="color:hsl(30, 100%, 20%)">I am BROWN</p>

</body>
</html>