Artikelen › #HEX - PHPExperience.nl

Welkom Gast! (Inloggen | Registreren)

Forums - Webservices - Scripts - Artikelen - Poll

› Artikelen › #HEX

Javascript & Client side › #HEX

Geplaatst op: 25-02-2005 21:01 / Auteur: Steef / 3406 keer bekeken

Voordat ik begin, in dit artikel gaat het erom hoe hex codes inmekaar steken. Niet over webveilige kleuren. Hier zijn al meerdere artikelen over. In het plaatje wat ertussen staat staan ongeveer alle webveilige kleuren. Hier kun je een overzicht van alle webveilige kleuren vinden

Op website’s op het internet kunnen meestal geen gewone kleurcodes worden gebruikt zoals we die kennen programma’s Openoffice, Paint Shop Pro en Word. Deze ‘gewone’ kleurcodes kennen we ook wel als je zogenaamde RGB kleuren. Die zien er zo uit:

192, 0, 0 - Deze maakt de kleur wijnrood

Daarom worden er op website’s de HEX codes gebruikt. Deze zien er zo uit:

#8C1717 – Deze maakt ook een kleur wijnrood

Eigenlijk zit dit ook heel simpel in elkaar, alleen werkt het niet zoals bij Romeinse cijfers met een rekensommetje. Of met een berekening bij een bepaalde combinatie. Stel je voor dat je een kleur groen wilt. Dan gebruik je bij een RGB kleur de volgende combinatie:

0, 255, 0

Bij de HEX codes gebruik je dan deze code, waarbij de middelste twee cijfers dus voor de 255 staat:

#00FF00

Je ziet dus dat je de HEX codes als het ware in vier stukken kunt verdelen, eerst in het # dat op het web normaal aangeeft de er een HEX code gaat komen. Daarna de eerste kleur, de rood kleuren. Dan de kleur groen, en als laatste blauw. Maar hoe weet je nou als je een kleur groen wilt hebben in HEX codes, wat doe je dan? Stel je voor dat je deze kleur wilt hebben:

58, 202, 53

Dan reken je gewoon naar de HEX toe, het zit inprincipe heel simpel in elkaar. Alleen zul je het door moeten krijgen. Je maakt eerst met de getallen 0 t/m 9 alle combinaties en daarna doe je dat ook met de A t/m F. Bijvoorbeeld dit:

01, 02, 03, 04, 05, 06, 07, 08, 09, 0A, 0B, 0C, 0D, 0E, 0F

Nu ben je tot de zestien gekomen, en daarna doe je hetzelfde met het begingetal 1, 2, 3 en dergelijke totdat je bij de 58 bent gekomen. Zo doe je dat ook bij de twee andere getallen en dan heb je de HEX code gemaakt van de RGB combinatie.

# 3A CA 35

Cijfers en letters die voor mogen komen:
- 0
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- A
- B
- C
- D
- E
- F

› Waardering

Op dit moment is er 1 keer gestemd op dit onderwerp. De gemiddelde score is 4.

Je kunt niet stemmen omdat je al gestemd hebt of omdat je niet bent ingelogd.

› Reacties op dit artikel (3)

Plaats een reactie

Reactie van webfreakz.nl op 27-02-2005 00:54

ik vind het niet erg duidelijk uitgelegd...

Reactie van trip op 20-03-2005 12:45

'K snap er geen hol van.

Als ik de RGB van een kleur moet weten , haal ik die wel door een php functie ofzo.

Code:


<?

function hex2rgb( $hex , $preview = true) {

  $color = str_replace('#','',$hex);

  $return = '';

  $rgb = array('Rood' => hexdec(substr($color,0,2)),

               'Groen' => hexdec(substr($color,2,2)),

               'Blauw' => hexdec(substr($color,4,2)));



   foreach( $rgb AS $naam => $number )

   {

       $return .= $naam.' : '.$number.'<BR>';

   }



     // Preview tonen?

     if( $preview === true )

     {

          $return .= '<p><SMALL>Preview.</SMALL><table border="1" bgcolor="'.$hex.'" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="50"><tr><td width="100%">&nbsp;</td></tr></table>';

     }

  return $return;

}



  print_r( hex2rgb( '#007700' , true ));