Inleiding tot kleurnaam in HTML

Kleurnaam in HTML speelt een zeer belangrijke rol in het ontwerpproces van internet en applicaties. Het helpt om het uiterlijk van onze website of applicatie te veranderen. Bovendien maakt het onze applicatie aantrekkelijker en interactiever. Er zijn verschillende manieren om Kleurnaam in HTML te definiëren in de HTML-coderingsindeling. men kan aanvullende CSS-eigenschappen gebruiken om het effectiever te gebruiken. We kunnen de HTML-kleurnaam op paginaniveau gebruiken door deze op te nemen in het lichaamsdeel en kunnen ook de individuele kleur instellen voor het specifieke element. Kleurnaam in HTML wordt met opzet gebruikt voor tekstkleur, achtergrondkleur, randkleur, schaduwen, verlopen en nog veel meer.

Syntaxis

  • Er zijn verschillende manieren waarop we HTML-kleuren kunnen gebruiken. Laten we een voor een kijken.
  • Het basisgebruik van HTML-kleur is het op de tekst toe te passen. gebruik eenvoudig als tekstkleur om tekst in verschillende HTML-kleuren te tonen.

1. Tekstkleursyntaxis

color : color_name;

Laten we eens kijken hoe deze syntaxis zal werken,

Welcome to EDUBCA

In het bovenstaande voorbeeld wordt de tekst Welkom bij EDUBCA in een blauwe kleur weergegeven:

  • Met behulp van HTML-kleuren is het ook mogelijk om ze als achtergrondkleur toe te voegen.

2. Syntaxis van de achtergrondkleur

background-color:color_name;

Laten we eens kijken hoe deze syntaxis zal werken,

De categorie bevat alle Design-informatie die zich verspreid over verschillende subcategorieën in de Design-cursus.

  • Het is ook mogelijk om een ​​gekleurde rand rond elke tekst of element toe te voegen met behulp van HTML-kleur met behulp van de volgende syntaxis:

3. Randkleursyntaxis: rand

value color_name;

Laten we eens kijken hoe deze syntaxis zal werken,

EDUCBA free certification course

Typen van de kleurnaam in HTML

Er zijn verschillende manieren om de kleurnamen in HTML te definiëren. Het is moeilijk om een ​​andere naam in verschillende kleuren te onthouden. Er moet dus worden besloten enkele waarden aan verschillende kleuren te geven. Laten we een voor een kijken

1. RGB-waarde

  • Het is een van de manieren om HTML-kleurnamen te definiëren in de combinatie van rode, groene en blauwe kleuren. Welke wordt gebruikt om de kleurintensiteit tussen het cijfer 0 tot 255 te definiëren?
  • Stel dat we een zwarte kleur willen definiëren met behulp van de RGB-combinatie, dan houdt deze van RGB (0, 0, 0). Hier worden alle kleurparameters ingesteld op 0. Er wordt dus een zwarte kleur weergegeven.
  • Net als een andere RGB (0, 0, 255) zal de kleur blauw weergeven, omdat 255 is ingesteld als de hoogste waarde voor blauw en de andere is 0.
  • Als we naar 3 gelijke RGB-waarden gaan, genereert het schaduwen met een grijze kleur.

Voorbeeld: RGB (0, 0, 0) voor de donkerste kleur, waarbij RGB (255, 255, 255) voor de lichtste kleur.

2. HEX-waarde

  • Het is een van de meest gebruikte indelingen van een kleurnaam in HTML, waarin de kleurnaam wordt gedefinieerd in de notatie van een hexadecimale waarde.
  • De indeling #rrggbb bevat waarden van RR voor rood, gg voor groen en bb voor blauw worden geplaatst tussen 00 toff hexadecimale waarde.
  • Laten we een voorbeeld bekijken dat kleur # 00ff00 definieert. dus deze waarden worden groen gegenereerd vanwege groen met de hoogste waarde (ff) waarbij de andere moet worden ingesteld op 00.

3. HSL-waarde

  • Een ander formaat om HTML-kleur te definiëren in de vorm van Tint, Verzadiging, Lichtheid.
  • Nu zullen we alle termen één voor één zien. Tint wordt gedefinieerd als de mate van kleur die tussen 0 en 360 ligt. waarin 0 voor rood, 120 voor groen en 240 voor blauw.
  • Verzadiging definieert de waarde van kleur in het percentage, waarin 0% zegt dat de grijstint 100% is voor volledige kleur.
  • Lichtheid werkt ook als het percentage dat 0% definieert voor zwart, 50% is voor licht noch donker, terwijl 100% voor wit is.

4. RGBA-waarde

  • Dit type HTML-kleur definieert de extensie voor RGB-kleuren inclusief alfawaarde. Waar alpha wordt gebruikt om de dekking van de kleur te definiëren.
  • Alfawaarde ligt tussen 0, 0 (volledig transparant) tot 1, 0 (helemaal niet transparant)
  • Voorbeeld is rgba (255, 99, 71, 0)

5. HSLA-waarde

  • Het werkt hetzelfde als HSL-kleuren en bovendien de alfawaarde voor het definiëren van de dekking van de kleur.
  • hsla (8.100%, 80%, 0) voor volledig transparante kleuren.
  • hsla (8, 100%, 80%, 0, 9) voor niet zoveel transparante kleuren.

Voorbeelden van kleurnaam in HTML

Laten we eens kijken hoe de kleurnaam in HTML wordt gebruikt met behulp van enkele voorbeelden hieronder:

Voorbeeld 1

Laten we een algemeen voorbeeld bekijken dat laat zien hoe de voorbeeldkleurnaam in HTML zal worden gebruikt:

HTML code:



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun

U leert meer van mislukking dan van succes. Laat het je niet stoppen. Falen bouwt karakter. Als je aan iets werkt waar je echt om geeft, hoef je niet te worden gepusht. De visie trekt je

Output:

Voorbeeld 2

Nu nemen we een ander voorbeeld dat alle soorten HTML-kleuren als volgt definieert:

HTML code:



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade

Output:

In het bovenstaande voorbeeld kunnen we het gebruik van verschillende HTML-kleurtypen zien en hoe deze in HTML worden genoemd.

Voorbeeld 3

Nog een gebruik van HTML-kleur is het definiëren van een rand aan het element, die als volgt is:

In het voorbeeld kunnen we hier een rand toevoegen aan uw codetekst, waarbij ook de achtergrond en de tekstkleur worden gewijzigd.

HTML code:

Theorie van zelfactualisatie spreekt van intrinsieke beloningen die inherent zijn aan de taakuitvoering, zoals werktevredenheid, gevoel van voldoening, etc.

Output:

Conclusie

We kwamen erachter dat HTML-kleuren zijn gedefinieerd met verschillende namen, procentuele waarde, Hex-waarde, alpha-waarde en nog veel meer. Kleurnaam in HTML wordt gebruikt om kleur te maken voor tekst, voor achtergrond, voor een rand, voor gradaties. Er zijn verschillende typen om de HTML-kleurnaam te definiëren als RGB, hex, hsl, rgba, hsla.

Aanbevolen artikelen

Dit is een gids voor kleurnaam in HTML. Hier bespreken we de introductie, typen van de kleurnaam in HTML samen met voorbeelden, syntaxis en HTML-codes. U kunt ook onze andere voorgestelde artikelen doornemen voor meer informatie -

  1. HTML-stijlkenmerk
  2. HTML-tabeltags
  3. Afbeeldingslink in HTML
  4. Maak tabellen in HTML
  5. HTML-evenementen

Categorie:

Web ontwikkelingstools