Colors Tutorial

Kleurnamen worden weergegeven door een combinatie van rode, groene en blauw licht.

Kleur Namen

Met CSS, kunnen kleuren door het gebruik van kleur namen worden ingesteld:

 

CSS Voorbeeld:

 
 
Kleur Naam
red
yellow
cyan
blue
magenta
 
   

CSS kleurwaarden

Met CSS, kunnen kleuren worden gespecificeerd op verschillende manieren:

  • Door kleurnamen
  • RGB-waarden
  • Als hexadecimale waarden
  • HSL-waarden (CSS3)
  • Zoals HWB waarden (CSS4)

RGB-kleuren

RGB kleurwaarden worden ondersteund in alle browsers.

Een RGB-kleurwaarde gespecificeerd met: RGB ( ROOD , GROEN , BLAUW ).

Elke parameter definieert de intensiteit van de kleur als een geheel getal tussen 0 en 255.

Zo wordt rgb(0,0,255) weergegeven als blauw, omdat de blauwe parameter is ingesteld op de hoogste waarde (255) en de anderen zijn ingesteld op 0.

 

CSS Voorbeeld:

 
 
Kleur RGB Kleurnaam  
rgb(255,0,0) red  
rgb(0,255,0) green  
rgb(0,0,255) blue  
 
   

Hexadecimale Kleuren

Een hexadecimale kleur wordt gespecificeerd met:# RR GG BB.

RR (rood), GG(groen)en BB(blauw) zijn hexadecimale getallen tussen 00 en FF vermelding van de intensiteit van het kleur.

Bijvoorbeeld, wordt # 0000FF weergegeven als blauw, omdat de blauwe component is ingesteld op de hoogste waarde (FF) en de anderen zijn ingesteld op 00.

 

CSS Voorbeeld:

 
 
Kleur HEX RGB Kleurnaam
#FF0000 rgb(255,0,0) red
#00FF00 rgb(0,255,0) green
#0000FF rgb(0,0,255) blue
 
   

Grijstinten worden vaak gedefinieerd met behulp van gelijke waarden voor alle 3 lichtbronnen:

 

CSS Voorbeeld:

 
 
Kleur HEX RGB Kleurnaam
#000000 rgb(0,0,0) black
#808080 rgb(128,128,128) gray
#FFFFFF rgb(255,255,255) white
 
   

Hoofdletters of kleine letters?

U kunt hoofdletters of kleine letters gebruiken om hexadecimale waarden op te geven.

Hoofdletters zijn gemakkelijker te lezen en toegelaten. Maar om geen fouten te maken, raad ik iedereen aan om alles in kleine letters te schrijven! Ook voor HTML, PHP en javascript.

Kleur Namen

CSS ondersteunt 140 standaard kleur namen.

In het volgende hoofdstuk vindt u een compleet alfabetische lijst van namen van kleuren met hexadecimale waarden te vinden:

Kleurnaam HEX Kleur
aliceblue #F0F8FF  
antiquewhite #FAEBD7  
aqua #00FFFF  
aquamarine #7FFFD4
azure #F0FFFF  
beige #F5F5DC  
bisque #FFE4C4