Blog

RGB, HSB en Hex kleuren

Tags: , ,

Op deze pagina komt de samenvatting van de kleurentheorie in P5JS Unit 1.

RGB Kleuren

  • Rood, Groen, Blauw
  • Allemaal: een getal tussen 0-255
  • Kleuren van het licht.
  • Alle kleuren samen geeft wit
  • Alle kleuren uit geeft zwart
  • De technische kleuren van de binnenkant van een LCD-Scherm, Camera, etc
  • Alle getallen met een R=G=B geeft een bepaalde grijstint

HSB Kleuren

  • Hue Saturation Brightness
  • Variant: Hue Saturation Value
  • Hue : Tint. De kleur van de verfkorrels. 0-360. Denk kleurencirkel
  • Saturation: Verzadiging. Hoeveel van deze verfkorrels versus de grijze massa. 0-100
  • Value / Brightness: De kleur lamp die je met H en S hebt, kan ook uit, half aan, of aan. 0-100
  • Uitleg met plaatjes op https://www.learnui.design/blog/the-hsb-color-system-practicioners-primer.html
  • HSB-kleuren zijn beter te begrijpen voor mensen dan de technisch georienteerde RGB-kleuren.

Hex getallen

  • Een hexadecimaal getal is gecodeerd in het 16-tallig stelsel. Maar we hebben maar 0-9 = 10 cijfers. Dus ABCDEF zijn de getallen 10 tm 15.
  • Hex getallen worden aangegeven met #
DecimaalHexadecimaal
0#0En die ertussen ook zo
9#9
10#A
11#B
12#C
13#D
14#E
15#F
16#10Na 15 slaat ‘ie om, net als van 9 naar 10 in decimaal.
255#FF

Hex Kleuren

  • RGB Kleuren
  • R G en B elk 0-255
  • Maar dan gecodeerd in Hex
  • Hex getallen worden aangegeven met een #
Hex CodeRedGreenBlueGeeft
#000000000Black
#0000FF00255Blue
#00FF0002550Green
#FF000025500Red
#00FFFF2552550Cyan
#FF00FF2550255Magenta
#FFFF002552550Yellow
#FFFFFF255255255White
#D3D3D3211211211Light Grey
#808080128128128Grey
Van deze tabel moet je de eerste en laatste kolom kennen en de RGB kolommen moet je begrijpen
maar niet uit het hoofd ophoesten.

Alpha Value

komt nog

Eloquent Architect 161

Eloquent Architect 161