Farvekode fra billede
Træk billedet hertil
Understøttede formater: JPG, PNG, WebP, GIFKlik på billedet for at vælge en farve
Skal du finde den præcise farve i et logo, et foto eller et skærmbillede? Upload billedet, før musen hen over det sted, du er interesseret i, og klik. Farvekoden kopieres straks til udklipsholderen i det format, du vælger: HEX, RGB, HSL, HSV eller LCH. Du installerer intet, og billedet forlader aldrig din computer.
Sådan finder du en farve fra et billede
- Upload et billede. Træk det ind i vinduet, eller klik på “Gennemse filer”. Farvepipetten klarer JPG, PNG, WebP og GIF.
- Vælg et format. Over billedet vælger du, i hvilket format farven skal kopieres. HEX passer som regel til web, RGB er almindeligt i designprogrammer. Værktøjet husker dit valg.
- Før musen hen over farven. Ved markøren dukker et forstørrelsesglas op med de omkringliggende pixels forstørret, og under det ses farvekoden.
- Klik. Koden ligger nu i udklipsholderen, og farven gemmes under Valgte farver. Sæt den ind, hvor du har brug for den.
Vil du prøve et andet billede? Træk det direkte ind oven på det nuværende, eller fjern det med skraldespandsikonet.
Hvad farvepipetten kan
Et forstørrelsesglas, der viser hver pixel
En almindelig pipette viser kun farven under markøren, og så bliver det held at ramme kanten af en bogstavtype. Vores forstørrelsesglas forstørrer et område på 11 × 11 pixels omkring markøren og markerer den midterste. Du ser præcis, hvad du er ved at klikke på, inden du klikker.
Zoom helt ned til enkelte pixels
Med plus- og minusknapperne, eller ved at scrolle med Ctrl nede, zoomer du op til 64 gange ind. Slå gitteret til, og pixelgrænserne bliver synlige, så du kan klikke præcist på ikoner, pixelgrafik eller lille tekst.
Farve fra originalen, ikke fra en miniature
Mange online værktøjer formindsker billedet først og læser farven fra den forhåndsvisning, hvor nabopixels smelter sammen. Vores farvepipette arbejder med billedet i fuld opløsning (op til 4096 px på den lange side), så du får pixlens rigtige farve.
Kopiering med ét klik
Ingen markering af tekst, ingen genindtastning af tal. Hvert klik på billedet kopierer koden i det valgte format. Skal du bruge samme farve i et andet format, viser farvedetaljen alle fem formater, hver med sin egen kopieringsknap.
Palet af dominante farver
Så snart billedet er uploadet, finder værktøjet op til otte farver, der dominerer billedet, og viser dem under Dominante farver. Næsten identiske nuancer lægges sammen, så du ikke ender med fem varianter af grå, og gennemsigtige dele af en PNG springes over. Paletten er et godt udgangspunkt for et farveskema til en hjemmeside, en præsentation eller opslag på sociale medier. Vil du tjekke, om farverne stadig har nok kontrast uden nuance, kan du bruge konvertering til gråtoner.
Valgte farver lige for øje
Hver farve, du klikker på, gemmes under Valgte farver (de seneste 24). Sammenlign flere steder i billedet, og vend tilbage til dem, når du vil. På en stor skærm sidder panelet med farverne lige ved siden af billedet.
Hvad en farvekode fra et billede bruges til
- Web og apps: Kunden har kun sendt logoet som en JPG, og du skal bruge den præcise brandfarve i CSS. Skal logoet også have en gennemsigtig baggrund, så brug fjernelse af baggrund fra billede.
- Grafik og sociale medier: Teksten på et opslag skal matche farven i fotoet. Hent farven direkte fra det.
- Præsentationer og dokumenter: Sæt firmalogoets farver i PowerPoint, Google Slides eller Canva ud fra HEX eller RGB.
- Designkontrol: Tjek på et skærmbillede, om en knap i appen faktisk har den farve, designet foreskriver. Kontrollér derefter størrelsen på eksporterede filer med analyse af billedstørrelser.
- Indretning og mode: Du har et foto af et stof eller en væg og leder efter en lignende nuance. Koden er et godt udgangspunkt, når du bladrer i en farveprøve.
Farveformater, du får fra farvepipetten
- HEX (
#1373b6): formatet til HTML, CSS og de fleste designværktøjer. Se MDN-dokumentationen for den korte og den gennemsigtige variant (på engelsk). - RGB (
rgb(19, 115, 182)): andelen af rødt, grønt og blåt, hver fra 0 til 255. Hvordan additiv farveblanding fungerer, beskriver Wikipedia. - HSL (
hsl(205, 81%, 39%)): farvetone, mætning og lysstyrke. Nem at bruge, når du skal lave en lysere eller mørkere variant. - HSV: farvetone, mætning og valør, som du kender det fra farvevælgeren i Photoshop eller GIMP. Forskellen mellem HSL og HSV forklarer Wikipedia (på engelsk).
- LCH: en model, der svarer til, hvordan det menneskelige øje opfatter farver. Kopieres i det format, som moderne CSS forstår (se MDN-dokumentationen, på engelsk).
Farvepipetten finder farven fra billedet. Skal den viderebearbejdes, konverteres til flere formater eller matches med andre nuancer, så fortsæt til farvehjulet.
Ofte stillede spørgsmål
Bliver mit billede uploadet til en server?
Nej. Billedet indlæses og behandles direkte i din browser, sendes ingen steder hen og forsvinder helt, når du lukker siden. Du kan derfor roligt bruge farvepipetten på interne filer eller ikke-offentliggjorte designs.Hvordan finder jeg HEX-koden på en farve fra et foto?
Upload fotoet, lad formatet stå på HEX over billedet, og klik på det sted med den farve, du søger. Koden, for eksempel#75dab2, ligger straks i udklipsholderen.
Hvorfor er farven fra fotoet anderledes end i virkeligheden?
Kameraet påvirker farverne gennem lys, hvidbalance og komprimering. Farvepipetten returnerer netop den farve, der er gemt i filen. Ved fotos bør du derfor klikke flere steder og sammenligne dem under Valgte farver. Skal du blande en farve efter koden til en væg, så brug den kun som en pejling.Virker farvepipetten på mobil?
Ja. På en berøringsskærm trykker du på stedet i billedet, og koden kopieres på samme måde som på en computer. Forstørrelsesglasset ved markøren vises ikke på mobil, så zoom ind på små detaljer først.Hvad er forskellen på HEX og RGB?
Begge beskriver den samme farve. RGB udtrykker den med tre tal fra 0 til 255, HEX skriver de samme tal i det sekstentalssystem efter et #-tegn. For eksempel errgb(255, 87, 51) det samme som #ff5733.