Kleur instellen via # in CSS

De methode om kleur in te stellen via rgb, hoewel het elke tint van elke kleur mogelijk maakt, is toch enigszins omslachtig. Daarom bestaat er een derde optie om kleur in te stellen - via een hexadecimaal waarde.

Om de essentie van deze methode te begrijpen, moet je het hexadecimale talstelsel begrijpen. Hierin, in tegenstelling tot het decimale, dat we in het dagelijks leven gebruiken, zijn er niet tien cijfers, maar zestien: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F - zoals je ziet, worden er vanwege een gebrek aan cijfers na negen letters gebruikt.

In dit systeem wordt in plaats van rgb een hekje # geschreven, gevolgd door zes tekens. De eerste twee tekens - rode kleur, de tweede twee tekens - groen, en de laatste twee tekens - blauw. Kleuren variëren ook van 0 tot 255, maar in het hexadecimale systeem is dit van 00 tot FF.

In het volgende voorbeeld wordt de paragraaf rood gekleurd:

<p>
	tekst
</p>

p {
	color: #FF0000;
}

Stel voor alle paragrafen de kleur #FFEEAA in.

Stel voor alle paragrafen de achtergrond #000000 en de tekstkleur #FFFFFF in. Welke kleuren krijg je?

De volgende code is gegeven:

p {
	color: rgb(255, 200, 255);
}

Converteer met behulp van een converter de kleur naar hexadecimaal formaat.