Farvevælger
Vælg enhver farve fra et billede og få HEX, RGB, HSL, HSV og CMYK-koder med det samme.
Upload et billede for at vælge en farve
Træk & slip, indsæt eller gennemse — PNG, JPG, WEBP eller GIF
Tip: du kan også indsætte et billede med Ctrl/Cmd + V
Farvekoder
Nærmeste farvenavn: Royal Blue
Farveharmonier
Kontrasttjek (WCAG)
Eksempeltekst
Gemte farver
Ingen gemte farver endnu — vælg en og tryk på “Gem farve”.
En farvevælger er et værktøj, der lader dig plukke en præcis farve fra et billede eller en skærm og aflæse dens tekniske farvekoder. I stedet for at gætte dig frem til den rigtige nuance klikker du bare på den pixel, du er interesseret i, og får med det samme de nøjagtige HEX-, RGB-, HSL-, HSV- og CMYK-værdier, som du kan kopiere direkte ind i dit designprogram, din CSS eller dit trykmateriale. Det gør det nemt at ramme den helt rigtige farve, uanset om du arbejder med webdesign, frontend-udvikling, tryksager eller tilgængelighed.
Vores farvevælger er helt gratis og kører udelukkende i din browser — dine billeder uploades aldrig til en server, så dit materiale forbliver privat. Ud over de fem farvemodeller kan du udtrække en hel farvepalet fra et billede, generere farveharmonier som komplementære, analoge og triadiske kombinationer og tjekke WCAG-kontrasten mellem to farver, så din tekst altid er læsbar. Alt sammen samlet ét sted, uden installation og uden login.
Sådan vælger du en farve fra et billede
- 1
Upload eller træk et billede ind
Træk et billede ind i vinduet, indsæt det med Ctrl/Cmd + V eller vælg en fil fra din computer. Alt behandles lokalt i browseren, så billedet forlader aldrig din enhed.
- 2
Klik med pipetten på en pixel
Brug pipetten til at klikke hvor som helst på billedet. Zoom ind for at ramme den helt rigtige pixel, og den valgte farve vises straks i aflæsningspanelet.
- 3
Aflæs og kopiér farvekoderne
Se de præcise HEX-, RGB-, HSL-, HSV- og CMYK-værdier for den valgte farve, og kopiér den kode, du har brug for, med et enkelt klik.
- 4
Udtræk en palet fra billedet
Lad værktøjet finde de dominerende farver i billedet og samle dem i en palet — perfekt til at fange stemningen i et foto eller et brand.
- 5
Generer farveharmonier
Ud fra din valgte farve kan du få komplementære, analoge, triadiske, tetradiske og monokromatiske kombinationer, der spiller godt sammen i et design.
- 6
Tjek kontrasten og gem paletten
Kontrollér WCAG-kontrasten mellem tekst og baggrund for at sikre god læsbarhed, gem dine farver og eksportér paletten som CSS, JSON eller PNG.
HEX, RGB, HSL, HSV og CMYK forklaret
Den samme farve kan beskrives på flere måder, alt efter hvor den skal bruges. Skærme arbejder med lys (RGB og HEX), mens designere ofte foretrækker at justere farver intuitivt (HSL og HSV), og trykkerier blander pigmenter (CMYK). Her er en hurtig oversigt over de fem mest udbredte farvemodeller, og hvornår hver af dem er mest nyttig.
| Model | Example | Best for |
|---|---|---|
| HEX | #3B82F6 | Web og CSS — kompakt kode, der er let at dele |
| RGB | rgb(59, 130, 246) | Skærme og digitale medier, der blander rødt, grønt og blåt lys |
| HSL | hsl(217, 91%, 60%) | Intuitiv justering af farvetone, mætning og lyshed |
| HSV | hsv(217, 76%, 96%) | Designværktøjer og farvevælgere med farvehjul |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Tryk og fysiske materialer med blandede trykfarver |
Web- og UI-design
Byg sammenhængende farvepaletter til hjemmesider og apps ved at plukke farver direkte fra moodboards, logoer eller referencebilleder. Med farveharmonier finder du hurtigt nuancer, der passer sammen, og skaber et gennemført visuelt udtryk.
Frontend-udvikling
Kopiér HEX- eller RGB-værdier direkte ind i din CSS og gem dem som genanvendelige CSS-variabler. Eksportér hele paletten som CSS, så du har et ensartet farvesystem på tværs af hele dit projekt.
Tryk og branding
Når materialet skal på tryk, er CMYK afgørende. Aflæs CMYK-værdierne for dine brandfarver, så tryksager, visitkort og emballage matcher det digitale udtryk så tæt som muligt.
Tilgængelighed
Tjek kontrasten mellem tekst og baggrund op mod WCAG-kravene, så indholdet er læsbart for alle — også brugere med nedsat syn. Værktøjet viser med det samme, om kombinationen består AA- og AAA-niveauerne.
Sammenligningen
Der findes mange farvevælgere online, men de er ikke ens. Her er, hvordan vores værktøj klarer sig sammenlignet med imagecolorpicker.com på de funktioner, der betyder mest i det daglige arbejde.
| Farvemodeller | HEX, RGB, HSL, HSV og CMYK | Primært HEX og RGB |
| CMYK til tryk | Ja — klar til tryksager | Begrænset eller mangler |
| WCAG-kontrasttjek | Indbygget med AA- og AAA-niveauer | Ikke tilgængelig |
| Farveharmonier | Komplementær, analog, triadisk med flere | Ikke tilgængelig |
| Annoncer | Ingen forstyrrende annoncer | Annoncefinansieret |
Ofte stillede spørgsmål
Hvordan vælger jeg en farve fra et billede?
Upload eller træk et billede ind i farvevælgeren, og klik derefter med pipetten på den pixel, du vil aflæse. Du får straks farvens præcise HEX-, RGB-, HSL-, HSV- og CMYK-værdier, som du kan kopiere med et enkelt klik.
Hvad er en HEX-farvekode?
En HEX-farvekode er en kompakt måde at beskrive en farve på i sekscifret form, for eksempel #3B82F6. De tre par af tegn angiver mængden af henholdsvis rødt, grønt og blåt. HEX bruges især på nettet og i CSS, fordi koden er kort og let at dele.
Hvordan konverterer jeg RGB til HEX?
Vælg blot en farve i værktøjet, så vises både RGB- og HEX-værdien side om side automatisk. Du behøver ikke regne selv — kopiér den HEX-kode, der svarer til din RGB-farve, direkte fra aflæsningspanelet.
Hvordan opretter jeg en palet fra et foto?
Upload dit foto og brug funktionen til at udtrække en palet. Værktøjet finder de dominerende farver i billedet og samler dem i en palet, som du kan gemme og eksportere som CSS, JSON eller PNG.
Hvordan tjekker jeg farvekontrast for tilgængelighed?
Vælg en tekstfarve og en baggrundsfarve i kontrasttjekket. Værktøjet beregner kontrastforholdet og viser, om kombinationen består WCAG-kravene på AA- og AAA-niveau for både normal og stor tekst.
Er værktøjet gratis, og er mine billeder private?
Ja. Farvevælgeren er helt gratis og kræver hverken login eller installation. Alle billeder behandles lokalt i din browser og uploades aldrig til en server, så dit materiale forbliver fuldstændig privat.
