Laatst bijgewerkt op:
21.09.2024

Kleurcodes in PSP lessen

In  PSP lessen kom je vaak tegen:

* Zet je voorgrondkleur op (bijvoorbeeld) #CCFF66 en je achtergrondkleur op #000000 

Dit zijn internationaal gebruikte kleur codes en elke code is een kleur of kleurschakering.

Het is een combinatie van cijfers en letters, of alleen cijfers of alleen letters. De code begint altijd met een # .

Die codes worden HEX Code genoemd. Dat is een verkorting voor Hexadecimale Codes.
Ze zijn ook bekend als HTML-codes. Dat komt nog uit de tijd dat website ontwerpers hun websites in HTML maakten.

Zo weet je als je zo’n code in een les ziet staan, om welke kleur het gaat.

Basis HEX-/HTML-codes

Uitgebreid schema

Een meer gedetailleerd schema van hex-kleuren. Dit zijn de zogenaamde “web Safe” kleuren.
Dat betekent dat de gekozen kleur ook precies zo op een website wordt weergegeven.
Als je op onderstaande afbeeldingen klikt, ga je gelijk naar de bron ervan op htmlcolorcodes.com

RBG

Een andere manier van het weergeven van kleurcodes is de RBG-code.
RBG staat voor Rood – Groen – Blauw

Dit zijn de kleurcombinaties waarbij gebruik wordt gemaakt van de drie basiskleuren Rood – Groen – Blauw

In PSP wordt in het materialenpalet de html-code gebruikt. Dat is hetzelfde als de hex-code. Daarnaast geeft het materialenpalet ook de RGB kleurwaarden.
Zo heeft de hex-code kleur #173559 als RGB kleurwaarden R = 23 G = 53 B = 89 (in PSP lessen kom je alleen de hex-code tegen)

Kleur kiezen in PSP

Om een kleur uit een afbeelding te kiezen gebruik je het gereedschap Pipet.
Klik in je afbeelding op de gewenste kleur en die kleur wordt dan je voorgrondkleur.

Kleurenkiezers in je webbrowser

Elke webbrowser heeft wel een add-on of tool om een kleur op een webpagina te kiezen, de code te kopiëren en in PSP te plakken

Microsoft Edge > Kleur Kiezer
Firefox, Chrome en Brave > ColorZilla
Opera >  Color-Picker

Met deze extensies (zoals ze heten) kun je, na installatie bij EXTRA in de werkbalk van de browser terugvinden.
Door op het pipetje te klikken kun je elke kleur op je computerscherm kiezen.
Kopieer de Hex code (onderaan) en plak die in het vakje van je materialenpalet waar je de hex code anders invult.

Handige links