Denne side vil omhandle farver til skærm- og webbrug, og altså ikke fokusere på farver til tryk. En skærm arbejder med RGB-farvemodellen, mens en printer arbejder med CMYK-modellen, som er en sammensætning af cyan, magenta, gul og sort farve. Der vil blive fokuseret på RGB-farverne her.

RGB farver

Al digital udstyr som en skærm, projektor, kamera, skanner, osv arbejder ud fra RGB farvemodellen, når der skal bearbejdes og vises farver.

Skærmfarver sammensættes ud fra en Rød, Grøn og Blå farveværdi. Disse værdier kan sammensættes fra 0 til 255. En helt rød farve sammensættes af værdierne R=255, G=0 og B=0, mens en gul farve sammensættes af værdierne R=255, G=255 og B=0.

Jo højere værdierne er, jo lysere bliver farven. Det vil sige at for at få hvid skal alle værdierne være 255, mens alle værdierne skal være 0 for at få sort. RGB er et additivt farvesystem, da farverne bliver lysere, når du bliver lagt sammen.

Det samlede antal farver, du kan kombinere er 256x256x256 = 16,7 millioner.

Ifølge det binære talsystem, hvor der kun er to valgmuligheder, svarer 256 til 8 bit, da 2^8 = 256. RGB farvemodellen har altså 24 bits farvedybde, nemlig 8 bit for hver af de 3 grundfarver. Ligeledes er 24^2 = 16,7 millioner farver.

Hvis R, G og B har samme værdi, så har du en gråtone, lige fra sort til hvid. Der findes ialt 256 gråtoner.

Hvis du skal korrigere et billedes farver, kan du altid lede efter farver som skulle være grå. Hvis deres RGB-værdier er forskellige, er det en god ide at farvekorrigere billedet.

 

HTML farver

Som webudvikler får du brug for at kende til den måde, farver opfattes af HTML.

En typisk farve skrevet i HTML vil se sådan ud: #FFFF00

Det ser sværere ud, end det egentlig er. HTML farver skrives med det hexadecimale talsystem, som indeholder 16 tal: 0123456789ABCDEF.

D har altså værdien 14, mens F har den højeste værdi, 16.

De to første tal i #FFFF00 er værdien for rød, dvs 16x16=256. De to næste er værdien for grøn, dvs. 16x16=256. De to sidste tal er værdien for blå, dvs 00. Farven er altså R=256, B=256 og B=0, og det betyder at #FFFF00 = gul.

På denne colorpicker kan du sammenligne RGB- og hexaadecimale værdier:

De websikre farver

Tidlgere talte men meget om de 216 websikre farver, som alle skærme kunne vise. Det er ikke længere aktuelt kun at holde sig til dem, men du kan se dem herunder. Klik på en af farverne for at se den hexadecimale værdi:

RGB colorslider

Træk i sliderne eller skriv en hexadecimal værdi for at ændre baggrundsfarven. Til højre kan du se den aktuelle hexadecimale værdi:

Gode råd om farver

Her følger nogle gode råd om, hvordan du sammensætter dine farver. Der finde mange steder på WWW som kan beregne, hvilke farver, der passer sammen, men disse skal du forholde dig meget kritisk til. Brug disse råd, find inspiration på andre websider og prøv dig frem.

• Undgå at anvende for mange farver, især som baggrundsgrafik.
  
  
• Vær opmærksom på kontrastforholdet mellem tekst og baggrund. F.eks. er kontrasten på gul tekst på hvid baggrund for lille.
  
  
• Pas på med høj mæthed - dvs. dine farver skal helst ikke være for skarpe (pink, neongrøn, osv.), da det ikke er behageligt for øjnene. hvis du anvender disse farver, skal det være i små mængder.
  
  
• Prøv at starte dit layout med grå toner, og læg et par farver til efterhånden.
  
  
• Tilpas dine farver til indholdet og målgruppen. Feks. grønne nuancer til et website om økologi og varme farver til et datingsite.
  
  
• Vær bevidst om dit farvevalg. Du kan bl.a. benytte Johannes Ittens farvecirkel, som er en sammensætning af primære-, sekundære- og tertiære farver. Primær farver er de inderste. Disse kan blandes til sekundære farver, som så igen kan blandes til tertiære farver.
  
  
  
  Komplementærfarver (dvs farver overfor hinanden) står godt ved siden af hinanden, men må ikke blandes sammen, f.eks. som tekst på baggrund.
  
  Du kan også sammensætte lyse/mørke farver og kolde/varme farver. Du skal samtidig være bevidst på mængden, af de farver, du sammensætter. F.eks. er gul en meget dominerende farve i forhold til mørkeblå, og derfor kan den gule farve 'vælte' motivet, hvis der er for meget.
  
  Ittens teori siger også noget om farvesymbolik. Det er jo oplagt at anvende rød til et site om kærlighed, osv.