Kleurcodes vinden

Hoe vindt je de codes van een bepaalde kleur

Soms heb je de hexadecimale code of de RGB nummers nodig van een bepaalde kleur.

Hoe kun je die nou vinden . . .


PAINT (RGB-nummers)

Iedereen heeft dit programma op de computer staan, het is een vast onderdeel van windows. Je kunt het vinden onder “Bureau-accessoires”

  • Klik met de rechtermuisknop op de afbeelding waarin de gewenste kleur zit.
  • Klik op “Openen met…”
  • Kies voor “Paint”.

Je afbeelding is nu geopend in Paint.
Als voorbeeld heb ik een afbeelding van een papegaai geopend in Paint, ik wil de kleurcode weten van de lichtgroene kleur van zijn buik.

    a. De geopende afbeelding
    b. Selecteer het pipetje door er op te klikken.
    c. Klik op de gewenste kleur in de afbeelding.

 

    a. Kleur nummer 1 is nu dezelfde kleur groen geworden, dit is de actieve kleur.
    b. Klik nu op “Kleuren bewerken”.
    c. Er open een nieuw venster, het scherm “Kleuren bewerken”.
    d. Ook hier zie je de kleur waar het nu om gaat.
    e. Schuif met het pijltje omhoog of omlaag, je kunt je de lichter of donkerder maken.
    f. En hier gaat het om, de RGB nummers:
  • Rood: 179
  • Groen: 222
  • Blauw: 83

Wanneer je dus de kleuren rood, groen en blauw mengt in de verhouding 179:222:83 krijg je deze lichtgroene kleur.


PAINT.NET (Hexadecimale code én RGB nummers)

   a. Open een afbeelding
   b. Selecteer het pipetje
   c. Klik op de gewenste kleur
   d. Rechts in het midden zie je nu de hexadecimale kleurcode.
   e. Vlak erboven zie je de RGB nummers onder elkaar staan.


De papegaai

Wanneer we nu de 3 RGB getallen van de papegaai bekijken, hebben we gezien dat de samenstelling van de 3 RGB getallen (179, 222 en 83) een lichtgroene kleur is.
Vullen we deze getallen in, in bijvoorbeeld Paint.Net, zien we dat de hexcode ervan is: #B3DE53.

Tuutpaint-03


GIMP 2

  1. Open een afbeelding in Gimp
  2. Activeer het pipetje
  3. Klik op de gewenste kleur
  4. De kleur verschijnt in het kleurenvakje in het gereedschap scherm, klik daarop.
  5. Er opent nu een venster, waarin je de code ziet (HTML-notatie)
  6. Erboven aan de rechterkant zie je de RGB nummers onder elkaar staan.

PHOTOSHOP

  1. Open een afbeelding in Photoshop
  2. Activeer het pipetje
  3. Klik op de gewenste kleur
  4. De kleur verschijnt in het kleurenvakje in het gereedschap scherm, klik daarop.
  5. De kleurenkiezer opent en onderaan vindt je de hexadecimale code.
  6. Direct erboven zie je onder elkaar de RGB nummers.

Een stukje theorie.

RGB nummers:

RGB staat voor de kleuren Rood, Groen en Blauw.
Het spreekt vanzelf, dat als je kleuren gaat mengen er een andere kleur ontstaat. Digitaal is dit niet anders.
De maximum waarde van een RGB kleur is 255.
Als de RGB nummer zijn: 255 – 255 – 255, dus alledrie de kleuren volledig, dan krijg je ……. ja juist WIT!
Zijn alledrie de waardes “0”, dan krijg je ZWART!
Tussen wit en zwart liggen natuurlijk ontzettend veel kleuren.

Hexadecimale kleurcode:

Ook hier gaan we uit van rood, groen en blauw.
Maar deze codes bestaan uit 6 cijfers en/of letters met een “#” ervoor.
De code is samengesteld in 3 groepen van 2 cijfers en/of letters.
De maximum waarde voor een volledige kleur is FF. De laagste waarde, dus de kleur niet gebruiken is 00.
De eerste 2 karakters zijn voor de rode kleur. De middelste 2 voor groen en de laatste 2 voor blauw.
Alledrie de kleuren volledig (#FFFFFF) geeft wederom de kleur wit. Alles 0 geeft dan weer zwart (#000000)

Wanneer we dus écht rood willen hebben zullen we rood volledig moeten inzetten en de rest volledig op 0 zetten.
Daar de eerste 2 karakters voor rood zijn bestemd krijgen we de volgende code te zien: #FF0000.
Volledig groen is: #00FF00 en volledig blauw: #0000FF.

Er hoeven geen hoofdletters te worden gebruikt, kleine letter werken evengoed als hoofdletters.
De cijfers en letters die gebruikt worden bij de hexadecimale codes zijn: Cijfers 0 t/m 9 en Letters A t/m F.

Reacties kunnen niet achtergelaten worden op dit moment.