Tekst en Kleuren Opmaken

Eerder hebben we kleuren aan tekst toegevoegd op een zeer intuïtieve en eenvoudige manier. Laten we echter 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. Laten we het volgende voorbeeld bekijken, waarin we blauw toepassen op de tekst.

Formaten om Kleur te Specificeren

Een nadere blik op elk formaat in detail.

Kleurnaam

Er kunnen gereserveerde kleurwoorden worden gebruikt. De lijst met gereserveerde kleuren is te vinden op https://htmlcolorcodes.com.

CSS biedt vooraf gedefinieerde kleurnamen zoals blue, red, green, purple en anderen. Ze 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 aan van rood, groen en blauw (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 ondoorzichtig). Bijvoorbeeld, de RGBA-waarde rgba(0, 255, 0, 0.5) geeft een groene kleur met 50% dekking weer.