HTML -zelfstudie

HTML HOME HTML-introductie HTML-editors HTML basis HTML-elementen HTML-kenmerken HTML-koppen HTML-alinea's HTML-stijlen HTML-opmaak HTML-citaten HTML-opmerkingen HTML-kleuren HTML-CSS HTML-links HTML-afbeeldingen HTML-favicon HTML-tabellen HTML-lijsten HTML-blok en inline HTML-klassen HTML-ID HTML-iframes HTML-JavaScript Paden voor HTML-bestanden HTML-kop HTML-indeling HTML-responsief HTML-computercode HTML-semantiek HTML-stijlgids HTML-entiteiten HTML-symbolen HTML-emoji's HTML-tekenset HTML-URL-codering HTML versus XHTML

HTML -formulieren

HTML-formulieren HTML-formulierkenmerken HTML-formulierelementen HTML-invoertypen HTML-invoerkenmerken Kenmerken HTML-invoerformulier

HTML -afbeeldingen

HTML-canvas HTML-SVG

HTML- media

HTML-media HTML-video HTML-audio HTML-plug-ins HTML-YouTube

HTML API's

HTML-geolocatie HTML slepen/neerzetten HTML-webopslag HTML-webwerkers HTML-SSE

HTML- voorbeelden

HTML-voorbeelden HTML-quiz HTML-oefeningen HTML-certificaat HTML-samenvatting HTML-toegankelijkheid

HTML- verwijzingen

HTML-taglijst HTML-kenmerken Algemene HTML-kenmerken Ondersteuning voor HTML-browser HTML-gebeurtenissen HTML-kleuren HTML-canvas HTML-audio/video HTML-documenttypen HTML-tekensets HTML-URL-codering HTML-taalcodes HTTP-berichten HTTP-methoden PX naar EM-omzetter Toetsenbord sneltoetsen

HTML- kleuren


HTML-kleuren worden gespecificeerd met vooraf gedefinieerde kleurnamen of met RGB-, HEX-, HSL-, RGBA- of HSLA-waarden.


Kleurnamen

In HTML kan een kleur worden gespecificeerd door een kleurnaam te gebruiken:

Tomaat
Oranje
DodgerBlauw
MediumZeeGroen
Grijs
Leisteenblauw
paars
Lichtgrijs

HTML ondersteunt 140 standaard kleurnamen .


Achtergrond kleur

U kunt de achtergrondkleur voor HTML-elementen instellen:

Hallo Wereld


De pijn zelf is de liefde Daarom is het voor de minste die komt, wie onze normale praktijk verdraagt ​​om te profiteren van de gevolgen

Voorbeeld

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

Tekst kleur

U kunt de kleur van de tekst instellen:

Hallo Wereld

De pijn zelf is de liefde

Daarom is het voor de minste die komt, wie onze normale praktijk verdraagt ​​om te profiteren van de gevolgen

Voorbeeld

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

Rand kleur

U kunt de kleur van de randen instellen:

Hallo Wereld

Hallo Wereld

Hallo Wereld

Voorbeeld

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

Kleurwaarden

In HTML kunnen kleuren ook worden gespecificeerd met RGB-waarden, HEX-waarden, HSL-waarden, RGBA-waarden en HSLA-waarden.

De volgende drie <div>-elementen hebben hun achtergrondkleur ingesteld met RGB-, HEX- en HSL-waarden:

RGB(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)

De volgende twee <div>-elementen hebben hun achtergrondkleur ingesteld met RGBA- en HSLA-waarden, wat een alfakanaal aan de kleur toevoegt (hier hebben we 50% transparantie):

rgba (255, 99, 71, 0,5)
hsla (9, 100%, 64%, 0,5)

Voorbeeld

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

Meer informatie over kleurwaarden

In de volgende hoofdstukken leert u meer over RGB , HEX en HSL .