Farvekonverter

Konverter farver mellem HEX, RGB, HSL, HSV, CMYK og LAB — rediger et felt, og resten opdateres løbende.

Hver konvertering sker i din browser. Intet af det, du indtaster, uploades til BroBroGo.

FAQ

Hvilke farveformater kan jeg konvertere imellem?

HEX, RGB, HSL, HSV, CMYK og LAB. Skriv en værdi i et af felterne, og de andre fem opdateres med det samme, så du kan konvertere frit mellem alle formater.

Er CMYK-outputtet klar til professionelt tryk?

Betragt det som et tæt estimat til skærmen. Rigtig CMYK-print afhænger af papir, blæk og printerprofil, så et trykkeri kan ende med at bruge værdier, der afviger en smule fra disse.

Hvorfor ændrer en LAB- eller CMYK-farve sig en smule, når den konverteres tilbage?

LAB og CMYK kan beskrive farver, som en skærm ikke kan vise. Når en værdi falder uden for det synlige RGB-område, trækkes den til den nærmeste farve, der kan vises, så en konvertering tilbage kan ændre den en smule.

Skrevet og gennemgået af BroBroGo-redaktionen.Sidst opdateret:

Digital farverepræsentation og farvemodeller

Farver repræsenteres digitalt gennem forskellige matematiske modeller, som hver især tjener specifikke formål i design, webudvikling og tryksagsproduktion. En farvemodel definerer et system til at omsætte farveopfattelse til talværdier. For at kunne arbejde på tværs af platforme og medier er det nødvendigt at konvertere disse værdier præcist.

HEX

Hexadecimal farvekode (HEX) er en kompakt tekstbaseret repræsentation af RGB-farverummet, som anvendes i vid udstrækning i HTML og CSS. Formatet består af et havelågetegn efterfulgt af enten tre eller seks hexadecimale tegn. Eksempler på gyldige formater er #4f46e5 eller #abc.

RGB

RGB-modellen er et additivt farvesystem, hvor farver skabes ved at blande lys i farverne rød (red), grøn (green) og blå (blue). Modellen anvendes på digitale skærme, hvor lyset sendes direkte mod beskuerens øje. Værdierne angives som tre tal fra 0 til 255, for eksempel 79, 70, 229.

HSL og HSV

Disse modeller er cylindriske repræsentationer af RGB-farverummet, som er designet til at være mere intuitive for mennesker at forstå og justere:

  • HSL: Defineres ud fra farvetone (Hue, 0–360), mætning (Saturation, procent) og lyshed (Lightness, procent). Et eksempel på en værdi er 243, 75%, 59%.
  • HSV: Defineres ud fra farvetone (Hue, 0–360), mætning (Saturation, procent) og værdi/lysstyrke (Value, procent). Et eksempel på en værdi er 243, 69%, 90%.

CMYK

CMYK er en subtraktiv farvemodel, der bruges til fysisk tryk. Farverne opbygges ved at blande pigmenter af cyan, magenta, gul (yellow) og sort (key). Modellen fungerer ved at absorbere (subtrahere) lys, der reflekteres fra papiret. Værdierne angives som fire procentsatser fra 0 til 100, for eksempel 66%, 69%, 0%, 10%.

LAB

LAB-farverummet (CIE L*a*b*) beskriver farver baseret på menneskets synsopfattelse. Det består af en kanal for lyshed (L, 0–100) samt to farveakser: a-aksen (grøn-rød) og b-aksen (blå-gul). En typisk værdi kan være 40.73, 50.63, -79.08. LAB dækker hele det synlige farvespektrum og fungerer ofte som en uafhængig reference under farvekonvertering.

Additive versus subtraktive farvesystemer

Forskellen på RGB og CMYK bunder i fysikken bag, hvordan vi ser farver. RGB er et additivt system, hvor fravær af lys giver sort, og maksimal intensitet af alle tre primærfarver giver hvidt lys. Dette bruges på skærme.

CMYK er et subtraktivt system, der bruges på tryk. Her giver fravær af pigmenter (det hvide papir) hvid, mens blanding af cyan, magenta og gul teoretisk set absorberer alt lys og danner sort. I praksis tilføjes en ren sort pigment (K) for at opnå en dyb sort og spare på de farvede blæktyper.

Farveområder og begrænsninger ved skærmvisning

Et farveområde (gamut) definerer det samlede spektrum af farver, som en given enhed eller model kan gengive. LAB-farverummet har et meget stort farveområde, der dækker alle synlige farver, mens RGB og CMYK har mindre og forskellige farveområder.

Når en farve i LAB eller CMYK befinder sig uden for det synlige RGB-område (out-of-gamut), kan en standardskærm ikke vise den nøjagtigt. Farvekonverteren løser dette ved at justere værdien til den nærmeste farve, der kan vises på en skærm. Hvis denne justerede farve efterfølgende konverteres tilbage til sit oprindelige format, kan der forekomme en mindre afvigelse i værdierne i forhold til udgangspunktet.

Derudover er CMYK-outputtet på skærmen altid et estimat. Det faktiske trykresultat påvirkes af fysiske faktorer som papirtype (bestrøget eller ubestrøget), den anvendte blæk samt specifikke printerprofiler.

Praktisk anvendelse i design og webudvikling

Webudviklere og designere har ofte brug for at flytte farveværdier mellem forskellige formater. Mens designværktøjer ofte arbejder med HEX eller RGB, kan CSS-kodning drage fordel af HSL, som gør det nemmere at programmere farvevariationer, skygger og interaktive effekter ved blot at justere lyshed eller mætning.

Når et digitalt design skal klargøres til tryk, er konvertering til CMYK nødvendig for at vurdere, hvordan farverne vil fremstå på papir, og for at sikre, at farverne holder sig inden for de grænser, som trykpressen kan håndtere.

Validering og fejlhåndtering i konverteringen

Når du indtaster værdier i felterne, foretager værktøjet en løbende validering. Hvis et input ikke overholder det krævede format, vises en specifik fejlmeddelelse:

  • HEX: Hvis formatet er ugyldigt, vises meddelelsen: "Indtast en hex-farve som #4f46e5 eller #abc."
  • RGB: Hvis værdierne falder uden for 0–255 eller mangler tal, vises: "Indtast RGB som tre tal fra 0–255, f.eks. 79, 70, 229."
  • HSL: Ved fejl i formatet vises: "Indtast HSL som farvetone (hue) 0–360 efterfulgt af to procentsatser, f.eks. 243, 75%, 59%."
  • HSV: Ved fejl i formatet vises: "Indtast HSV som farvetone (hue) 0–360 efterfulgt af to procentsatser, f.eks. 243, 69%, 90%."
  • CMYK: Hvis værdierne ikke er fire procentsatser mellem 0 og 100, vises: "Indtast CMYK som fire procentsatser fra 0–100, f.eks. 66%, 69%, 0%, 10%."
  • LAB: Hvis værdierne er uden for grænserne eller forkert formateret, vises: "Indtast LAB som L 0–100 efterfulgt af a og b, f.eks. 40.73, 50.63, -79.08."

Behandling af data og privatliv

Når du bruger denne farvekonverter, behandles alle data lokalt. Hver konvertering sker i din browser. Intet af det, du indtaster, uploades til BroBroGo. Dette sikrer, at dine farvedata forbliver på din egen enhed under hele processen.

Ofte stillede spørgsmål

Hvilke farveformater kan jeg konvertere imellem?

HEX, RGB, HSL, HSV, CMYK og LAB. Skriv en værdi i et af felterne, og de andre fem opdateres med det samme, så du kan konvertere frit mellem alle formater.

Er CMYK-outputtet klar til professionelt tryk?

Betragt det som et tæt estimat til skærmen. Rigtig CMYK-print afhænger af papir, blæk og printerprofil, så et trykkeri kan ende med at bruge værdier, der afviger en smule fra disse.

Hvorfor ændrer en LAB- eller CMYK-farve sig en smule, når den konverteres tilbage?

LAB og CMYK kan beskrive farver, som en skærm ikke kan vise. Når en værdi falder uden for det synlige RGB-område, trækkes den til den nærmeste farve, der kan vises, så en konvertering tilbage kan ændre den en smule.

Farvevælger fra billedeVælg en hvilken som helst pixel fra et billede og aflæs dens HEX, RGB og HSL med et forstørrelsesglas til præcis prøveudtagning.KontrasttjekkerIndtast en tekst- og baggrundsfarve for at se WCAG-kontrastforholdet og hvilke AA- og AAA-niveauer der bestås.Binær/Hex-konverterKonverter tal mellem binær, hex, decimal og oktal – eller omdan tekst til bytes.BilledformatkonverteringKonverter JPG-, PNG-, WebP-, HEIC- og AVIF-billeder direkte i din browser.BilledkompressorGør JPEG-, PNG- og WebP-filer mindre direkte i din browser uden at ændre pixelstørrelsen.Billedformat-beregnerOmdan enhver bredde × højde til et rent forhold som 16:9, eller vælg et forhold og beregn den manglende side – til både video, fotos og skærme.Favicon-generatorForvandl én PNG, JPG eller SVG til favicon.ico og alle de ikonstørrelser, dit websted har brug for, samlet i en ZIP-fil.Box shadow-generatorTræk i skyderne for at forme en box-shadow, stabel lag for at skabe dybde, og kopier den færdige CSS med det samme.Gradient-generatorByg en lineær, radial eller konisk gradient, tilføj farvestop og indstil retningen, og kopier derefter CSS-koden med ét klik.Border radius-generatorAfrund hvert hjørne med skydere, form organiske klatter med elliptisk tilstand, og kopier din CSS med det samme.Flexbox-generatorOpsæt en flex-container og dens elementer med visuelle kontroller, se layoutet reagere live, og kopier CSS-koden med ét klik.CSS Formaterings- og minificeringsværktøjGenindryk rodet CSS for at gøre det læsbart, eller minificer det til udgivelse – med en sikker tilstand, der aldrig ændrer rækkefølgen af dine regler.Konverter px til rem & emKonverter mellem px, rem og em ved hjælp af dine egne root- og kontekst-skriftstørrelser — rediger et felt, og de to andre opdateres, mens du skriver.