Farver i AppLabI Intro to AppLab, https://studio.code.org/s/applab-intro, Lesson 2, benyttes kommandoen setProperty til at vælge baggrundsfarven på skærmen til at være grøn:

De to første parametre til kommandoen setProperty angiver, at det er egenskaben baggrundsfarve på skærmen som skal vælges og det er den tredje parameter, der angiver farven, som vælges, her ”green”, altså grøn.

Aktiveres pilen til venstre for ”green”, vises en menu med andre farvevalg som umiddelbart er mulige. De seks øverste valg er let forståelige, det er navne på farver, men hvordan skal de tre nederste valgmuligheder forstås som farver?

I de tre nederste valgmuligheder benyttes et farveskema eller en farvemodel kaldet RGB, https://da.wikipedia.org/wiki/RGB-farver. En farve vælges ved med tal at angive en blanding af primærfarverne Rød, Grøn og Blå. Lad os se på RGB farvemodellen og hvordan det bruges i AppLab.

RGB farvemodel

Når rødt, grønt og blåt lys blandes f.eks. på en hvid overflade, opstår nye farver som afhænger af intensiteten af det røde, det grønne og det blå lys. Se f.eks. de farver som opstår når rødt, grønt og blåt lys overlapper, http://isquint.net/2010/rgb-vs-cmy-color-values/ :

Det er i princippet sådan farvene dannes på computer- og fjernsynsskærme.

Når farver skal angives digitalt, altså som tal, benyttes en tilsvarende farveblandingsmodel. Intensiteten af en farve angives som et tal imellem 0 og 255, 0 er slukket og 255 er fuldt blus. Med tre intensitetstal angives blandingsforholdet imellem de tre primærfarver rød, grøn og blå.

En farve i RGB-modellen angives altså som tre tal, f.eks. sådan her R=102, G=153, B=102 eller farven skrives rgb(102, 153, 102), som det ses her med tilhørende farver:

Farven svarende til valget rgb(255, 0, 0) i listen i tredje parameter i setProperty er altså en farve angivet i RGB-modellen som er farven rød, da de to andre primærfarver er slukkede:

RGB farvemodel med gennemsigtighed

Ud over farven kan et område også have en grad af gennemsigtighed, så figurer eller billeder under området kan være mere eller mindre synlige som f.eks. her:

RGB-værdier bruges stadig til at angive en farve, desuden benyttes nu også en såkaldt A værdi imellem 0 og 1, hvor 1 betyder uigennemsigtig og 0 betyder helt gennemsigtig. Til venstre er farven rgb(50,50,150) helt uigennemsigtig fordi A=1, i midten er farven halvgennemsigtig, A=0.5, og en figur som er helt skjult til venstre kommer til syne. I figuren til højre, hvor A=0.1, kommer figuren endnu mere til syne, idet den blålige farve gøres endnu mere gennemsigtig.

En farve med en grad af gennemsigtighed, som f.eks. i midten ovenfor, angives som rgb(50,50,150,0.5). Farven svarende til valget rgb(255, 0, 0, 0.5) i listen i tredje parameter i setProperty er altså en farve angivet i RGB-modellen med en grad af gennemsigtighed, altså en halvgennemsigtig rød (husk rød er rgb(255,0,0) ).

Eksperimenter med RGB-værdier og gennemsigtighed ved at prøve AppLab app’en:

AppLab app’en hedder Farver. Den findes her https://studio.code.org/projects/applab/FgDdR8frCTagipWxA5Xtoap BDns7XS8h3nQ6PnGb2hc eller under publicerede projekter på AppLab, https://studio.code.org/projects/public.

RGB-værdier angivet hexadecimalt

RGB-værdier kan i AppLab også noteres hexadecimalt. Et eksempel ses sidst i listen i tredje parameter i setProperty, nemlig #FF0000. I denne notation angives de tre RGB-værdier som tre to cifrede hexadecimale tal, altså tal i 16-talssystemet, https://da.wikipedia.org/wiki/Hexadecimale_talsystem. I eksemplet #FF0000 er de tre to cifrede hexadecimale tal FF 00 og 00. De 15 cifre i 16-talssystemet skrives som 0-9 indtil cifret 9 og derefter med store bogstaver A=10, B=11, C=12, D=13, E=14 og F=15. Værdien FF er altså decimalt 15x16+15 = 255 som så er værdien af R. G og B er i dette eksempel #FF0000 begge 0.

De tre grønlige farver ovenfor noteres hexadecimalt sådan her:

De decimale værdier fås i de tre tilfælde sådan her:

#669966 deles op i 66, 99 og 66 hexadecimalt. Decimalt er værdierne 6x16+6=102, 9x16+9=153 og 102 svarende til rgb(102,153,102).

#66CC66 deles op i 66, CC og 66 hexadecimalt. Decimalt er værdierne 102, 12x16+12=204 (husk C=12) og 102 svarende til rgb(102,204,102).

#66FF66 deles op i 66, CC og 66 hexadecimalt. Decimalt er værdierne 102, 15x16+15=255 (husk F=15) og 102 svarende til rgb(102,255,102).

RGB farvemodel i AppLab

I Intro to AppLab, https://studio.code.org/s/applab-intro, Lesson 13, benyttes RGB-værdier både til at angive den hvide farve på teksten ”You went right!” og baggrundsfarven rød bag teksten:

I egenskaber for de forskellige interaktionselementer f.eks. knapper, tekster, billeder osv. kan farver angives som navne, rgb værdier eller hexadecimale værdier ganske som i listen til setProperty. I Lesson 13 benyttes de to farvenavne white og red for de to egenskaber tekst farve og baggrundsfarve:

Farverne kan imidlertid også angives ved at bevæge tre hvide runde knapper for at finde den farve og den grad af gennemsigtighed som ønskes. Trykkes på den lille hvide firkant fås en figur som ser sådan her ud:

Resultatet af knappernes indstilling kan ses som en farve øverst til højre, her hvid, og så enten som en hexadecimal værdi eller tre decimale værdier nederst. Op og ned pilene bruges til at skifte imellem hexadecimale og decimale værdier.

Nedenfor ses en tilsvarende mulighed for indstillingen af den baggrundsfarven: