Deze kleurles is gemaakt door Vincent(www.webhulpje.f2s.com)

LES OVER; kleurcodes, RGB, heximaal, pixels, lettergrootte!

>>In deze les komt alles aan de orde kwa kleur en grootte! Kleur en grootte is vooral belangrijk in html en css<<

Kleuren worden vaak toegepast in html en css! Vaak ontstaan daardoor problemen, want er zijn hexcodes, kleurcodes enzovoort!
Hier wordt een goede uitleg gegeven en kunt u simpel en snel kleurcodes genereren!

Als het om kleurcodes gaat zijn er drie verschillende namen die u veel hoort, namelijk: RGB, hexcode en de "normale kleurcode"!
Laat ik beginnen! De theorie
rgb en heximaal

Op internet wordt er gewerkt volgend het concept van de heximale codes en RGB! Hexa is grieks voor 6 en kleurcodes bestaan dan ook vaak uit 6 cijfers en/of letters! De 6 cijfers die in een kleurcode staan hebben te maken met de RGBformule!
RGB betekent niets meer als rood groen blauw! De kleurcodes die op het internet worden gebruikt worden, gaan dus volgens het ROOD GROEN BLAUW concept! Probeer het eens uit in de volgende kleurengenerator!!

Kies uw kleuren en de daarbijhorende codes. Klik naast het schuifblokje voor
browservaste kleuren, verschuif het voor alle kleuren.

		Dec	Hex
Red
Green
Blue

RGB Decimal	RGB Hex(MS)			HTML Hex

De kleurcodes in html

Wilt u blauw als kleurcode?? Zet de scroll dan helemaal naar recht(bij blue) en u heeft 255 decimalen blauw, 00 rood en 00 geel! Er zit dus alleen blauw in de kleur!

Oftewel #0000FF! Zoals u ziet staat er een # voor! Dat is om aan te duiden dat het om een htmlkleurcode gaat!
Er zijn echter nog andere manieren om kleuren aan te geven! Laten we als voorbeeld blauw nemen:
//In een htmlkleurcode: #0000FF >Veiligste en meest gebruikte manier!
//RGB mogelijkheid 1(in componenten): rgb(0, 0, 255) >Wordt meestals gebruikt bij css.
//RGB mogelijkheid 2(procenten): rgb(0%, 0%, 100%) >Wordt meestal gebruikt bij css.
//Als Engelse naam: blue >Onveilig, want niet alle browsers ondersteunen dit!

Zo werkt het concept dus. Het is eigenlijk alleen standaard informatie, want in de HTML worden gewoon de standaard kleurcodes(#0000FF) gebruikt die dus gaan volgens het RGB en het heximale concept! Klik hier om naar de kleurengenerator te gaan!

Pixels, points, procent....

In de html, maar vooral in de css zijn er vaak problemen over de verschillende de eenheden om lettergrootte/hoogte aan te duiden! Ik zet ze even op een rijtje en ik weet zeker dat er dan geen problemen meer zijn!
De voorbeelden zijn in hoogte!

/	Pixels, points, procent, picas- Een overzicht!	/	/
Het type	Uitleg	Voorbeeld 1(height)	Voorbeeld 2(width)
px	Aantal pixels	height: 40 px krijgt als resultaat	width: 40 px krijgt als resultaat!
pt, pi	Een point is 1/72 inch en een pica(s) is 12 points!	height: 40 pt krijgt als resultaat	width: 40 pt krijgt als resultaat
em, ex	ems of exes! ems is de hoogte van het huidige lettertype en ems is de hoogte van de stndaard onderkast	height: 2 ex krijgt als resultaat	width: 2 ex krijgt als resultaat
mm, cm	Aantal millimeters of centimeters in hoogte of breedte	height: 1cm krijgt als resultaat	width: 1 cm krijgt als resultaat
%	Percentage; procent	Voorbeeldtekst met font-size 150%	-

Wat weet u nu?
<><Dat er RGB en heximale kleuren zijn
<><De kleurcode van de html beginnen met # waarna 6 cijfers en letters komen die volgens het RGB en het heximale concept gaan!
<><Er zijn verschillende manieren om een kleurcode te maken! De meest gebruikte zijn: Engelse benaming en de htmlcode! De htmlcode is daarvan de veiligste manier, omdat Engelse benamingen niet door alle browserd herkent worden!
<><De verschillende aanduidingen voor grootte en breedte!!

Dit was de les over kleuren en grootte! Het biedt was standaard informatie over de kleuren en u weet nu waar kreten als: RGB en heximaal vandaan komen! Bent u een website aan het maken of wilt u er aan beginnen denk er dan aan om de htmlkleurcode te gebruiken!
En wilt u nog wat kleurcodes weten?? Ga dan naar de kleurgenerator!

Vincent
www.webhulpje.f2s.com