Tekst en Kleuren Opmaken

Eerder hebben we op een zeer intuïtieve en eenvoudige manier kleuren aan tekst toegevoegd. Laten we nu dieper ingaan op de details van kleurtoepassing.

Kleur

Tekstkleur kan worden toegepast op een tekstelement met behulp van de CSS-eigenschap color, waaraan een waarde in verschillende formaten kan worden toegekend.

De meest gebruikte kleurwaarden zijn RGB, hex en kleurnamen. Bekijk het volgende voorbeeld, waarin we blauw toepassen op de tekst.

Formaten om Kleur te Specificeren

Een nadere blik op elk formaat in detail.

Kleurnaam

Gebruik van gereserveerde kleurwoorden is mogelijk. De lijst met gereserveerde kleuren is te vinden op https://htmlcolorcodes.com.

CSS biedt vooraf gedefinieerde kleurnamen zoals blue, red, green, purple en anderen. Deze zijn eenvoudig te lezen maar beperkt in variatie.

Hex-formaat

Hex geeft kleuren weer als een zescijferige code bestaande uit drie paren van twee cijfers na een #-symbool. Elk paar geeft de intensiteit van rood, groen en blauw weer (in die volgorde).

Hex-formaatwaarden variëren van 00 (geen intensiteit) tot FF (maximale intensiteit).

RGB-formaat

RGB geeft kleuren weer als een reeks van drie getallen die overeenkomen met de intensiteit van rood, groen en blauw (in die volgorde)

RGB-formaatwaarden variëren van 0 (geen intensiteit) tot 255 (maximale intensiteit).

Transparantie met RGBA

Transparantie in rgb-kleuren kan worden bereikt door gebruik te maken van de rgba-notatie (rood, groen, blauw, alpha), waarbij alpha het niveau van dekking of transparantie van de kleur aangeeft.

De alpha waarde kan variëren van 0 (volledig transparant) tot 1 (volledig dekkend). Bijvoorbeeld, de RGBA-waarde rgba(0, 255, 0, 0.5) vertegenwoordigt een groene kleur met 50% dekking.