Sådan omregner du farver mellem farvekoder

En farvekode beskriver en farve som tal eller tegn, så den kan bruges konsekvent i digitale sammenhænge. Forskellige formater fremhæver forskellige egenskaber. HEX og RGB angiver farvens røde, grønne og blå komponenter, mens HSL beskriver farvetone, mætning og lyshed. En omregning ændrer måden, værdierne skrives på, men ikke nødvendigvis den farve, de tilsammen repræsenterer.

Hvad betyder HEX, RGB og HSL?

RGB består af tre værdier: rød, grøn og blå. I almindelig digital farveangivelse ligger hver komponent fra 0 til 255. Værdierne kan også skrives med to hexadecimale cifre hver. HEX-koden begynder ofte med tegnet # og efterfølges af seks cifre eller bogstaver. De første to angiver rød, de næste to grøn og de sidste to blå. Tegnene A til F står for værdier over 9 i det hexadecimale talsystem.

HSL bruger en farvetone som vinkel på farvecirklen samt mætning og lyshed angivet som procentdele. Farvetonen fortæller, hvilken grundfarve der er tale om, mens mætningen beskriver, hvor kraftig eller grålig farven er. Lysheden beskriver placeringen mellem sort og hvid. HSL kan derfor være lettere at justere efter visuelle egenskaber, mens RGB og HEX ofte passer direkte ind i digitale farveangivelser.

Sådan omregner du RGB til HEX

  1. Skriv de røde, grønne og blå RGB-værdier hver for sig. Hver værdi skal behandles separat.

  2. Omregn den første værdi fra decimaltal til hexadecimal form. Divider værdien med 16. Kvotienten er det første ciffer, og resten er det andet. Værdier fra 10 til 15 skrives som A til F.

  3. Gentag samme fremgangsmåde for grøn og blå. Sørg for, at hver komponent fylder to tegn; hvis resultatet kun har ét tegn, sættes et nul foran.

  4. Sæt de tre par sammen i rækkefølgen rød, grøn, blå, og tilføj eventuelt et indledende #. Sådan opstår HEX-koden.

For eksempel bliver RGB-værdien 13, 10, 15 til 0D, 0A, 0F i hexadecimal form. Den samlede kode er derfor #0D0A0F. Kontrollen kan foretages ved at omregne hvert par tilbage: 0D svarer til 13, 0A til 10 og 0F til 15.

Fra HEX til RGB og videre til HSL

Ved omregning fra HEX til RGB deles koden i tre par. Hvert par omregnes fra base 16 til decimaltal. For et par med cifrene xy ganges værdien af x med 16, hvorefter værdien af y lægges til. Bogstaverne A til F tæller som 10 til 15. De tre resultater er RGB-komponenterne.

Omregning mellem RGB og HSL kræver først, at hver RGB-komponent skaleres fra intervallet 0–255 til intervallet 0–1. Derefter sammenlignes den største og mindste komponent. Forskellen mellem dem indgår i beregningen af mætning, mens forholdet mellem komponenterne bestemmer farvetonen. Lysheden findes ud fra gennemsnittet af den største og mindste komponent. Resultaterne skrives som en vinkel for farvetonen og procentværdier for mætning og lyshed. Ved afrunding kan den viste HSL-værdi give en farve, der afviger en smule fra udgangspunktet.

Hvor farvekoder bruges

Farvekoder indgår blandt andet i webdesign, brugergrænseflader, illustrationer og digitale dokumenter. HEX er kompakt og almindelig i kode, mens RGB er praktisk, når farvekanaler skal behandles hver for sig. HSL kan være nyttig, når en farve skal gøres lysere, mørkere eller mindre mættet uden at ændre dens grundlæggende farvetone. Ved arbejde på tværs af programmer bør du også være opmærksom på farverum og afrunding, da de kan påvirke, hvordan farven vises på skærmen.