Fargevelger
Velg enhver farge fra et bilde og få HEX, RGB, HSL, HSV og CMYK-koder umiddelbart.
Last opp et bilde for å velge en farge
Dra & slipp, lim inn eller bla gjennom — PNG, JPG, WEBP eller GIF
Tips: du kan også lime inn et bilde med Ctrl/Cmd + V
Fargekoder
Nærmeste fargenavn: Royal Blue
Fargeharmonier
Kontrastsjekk (WCAG)
Eksempeltekst
Lagrede farger
Ingen lagrede farger ennå — velg en og trykk på “Lagre farge”.
En fargevelger er et verktøy som lar deg hente ut den nøyaktige fargen fra et hvilket som helst punkt i et bilde og lese av verdien som en kode du kan bruke videre. I stedet for å gjette deg fram til hvilken nyanse du ser, klikker du med pipetten på pikselen du vil ha, og får umiddelbart fargen uttrykt i HEX, RGB, HSL, HSV og CMYK. Det gjør det enkelt å gjenskape akkurat den samme fargen i et designprogram, en nettside eller et trykkoppdrag.
Verktøyet er nyttig i mange sammenhenger: i webdesign og utvikling for å plukke ut merkevarefarger, i trykk for å oversette skjermfarger til CMYK, og i arbeid med universell utforming for å kontrollere at tekst og bakgrunn har god nok kontrast. Fargevelgeren er gratis og kjører i sin helhet i nettleseren din — bildene lastes aldri opp til en server, så det du åpner, forblir privat på din egen maskin. I tillegg til fargekodene kan du trekke ut en hel palett fra bildet, generere harmoniske fargekombinasjoner og sjekke WCAG-kontrast før du bestemmer deg.
Slik henter du en farge fra et bilde
- 1
Last opp eller dra inn et bilde
Dra bildefilen rett inn i verktøyet, lim den inn med Ctrl/Cmd + V, eller bla deg fram til den på maskinen. PNG, JPG, WEBP og GIF støttes, og alt behandles lokalt i nettleseren.
- 2
Klikk med pipetten på en piksel
Beveg musepekeren over bildet og klikk på det punktet du vil hente fargen fra. Zoom inn for å treffe akkurat riktig piksel når fargene ligger tett inntil hverandre.
- 3
Les av og kopier fargekodene
Fargen vises umiddelbart som HEX, RGB, HSL, HSV og CMYK. Trykk på «Kopier» ved siden av formatet du trenger, så ligger koden klar på utklippstavlen til bruk i CSS, et designprogram eller et dokument.
- 4
Trekk ut en palett fra bildet
Velg «Hent ut palett», så analyserer verktøyet bildet og foreslår de mest fremtredende fargene. Dette gir deg en ferdig fargepalett som fanger opp stemningen i bildet.
- 5
Generer fargeharmonier
Med utgangspunkt i den valgte fargen kan du lage komplementære, analoge, triadiske og andre harmonier. Det er en rask måte å bygge en balansert fargekombinasjon rundt én utgangsfarge.
- 6
Sjekk kontrast og lagre paletten
Bruk kontrastsjekken til å kontrollere at tekst og bakgrunn oppfyller WCAG-kravene, lagre fargene du liker, og eksporter paletten som CSS, JSON eller PNG når du er fornøyd.
HEX, RGB, HSL, HSV og CMYK forklart
Den samme fargen kan beskrives på flere måter, og hvert format har sitt bruksområde. HEX og RGB er laget for skjerm, HSL og HSV gjør det intuitivt å justere en farge, mens CMYK beskriver hvordan fargen blir seende ut på trykk. Tabellen under viser den samme blåfargen uttrykt i alle fem modellene.
| Model | Example | Best for |
|---|---|---|
| HEX | #3B82F6 | Web og CSS |
| RGB | rgb(59, 130, 246) | Skjermer og digitale flater |
| HSL | hsl(217, 91%, 60%) | Intuitiv justering av farger |
| HSV | hsv(217, 76%, 96%) | Designverktøy og fargevelgere |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Trykk og fysiske materialer |
Web- og UI-design
Når du designer nettsider og grensesnitt, må fargene være konsekvente på tvers av knapper, tekst og flater. Hent HEX-verdien direkte fra en skisse, et logobilde eller et referansebilde, og bygg en samlet palett du kan gjenbruke i hele designet. Slik sikrer du at merkevaren fremstår helhetlig.
Frontend-utvikling
Utviklere trenger presise fargekoder til CSS og designsystemer. Kopier HEX- eller RGB-verdien og legg den rett inn som en CSS-variabel, for eksempel --primary: #3B82F6;. Med palettuttrekk og eksport til CSS får du et sett med variabler klar til bruk i prosjektet uten manuell innskriving.
Trykk og merkevare
Farger som ser riktige ut på skjerm, kan endre seg i trykk. Ved å lese av CMYK-verdien får du et utgangspunkt for hvordan fargen skal settes i en brosjyre, visittkort eller emballasje. Det gjør overgangen fra digital design til trykte materialer mer forutsigbar og hjelper deg å holde merkevarefargene stabile.
Universell utforming
God kontrast er avgjørende for at innhold skal være lesbart for alle. Med den innebygde WCAG-kontrastsjekken kan du kontrollere forholdet mellom tekst- og bakgrunnsfarge og se om kombinasjonen består kravene til AA og AAA. Slik gjør du løsningen tilgjengelig også for personer med nedsatt syn.
Sammenligningen
Mange fargevelgere på nett gir deg lite mer enn en HEX-kode midt i en side full av annonser. Her er hvordan dette verktøyet skiller seg fra imagecolorpicker.com.
| Fargemodeller | HEX, RGB, HSL, HSV og CMYK — alle vist samtidig | Hovedsakelig HEX og RGB |
| CMYK for trykk | Ja, CMYK-verdi klar til trykkbruk | Ikke tilgjengelig |
| WCAG-kontrastsjekk | Innebygd, med AA- og AAA-vurdering | Nei |
| Fargeharmonier | Komplementær, analog, triadisk og flere | Nei |
| Annonser | Ingen annonser, kjører privat i nettleseren | Annonser gjennom hele siden |
Ofte stilte spørsmål
Hvordan henter jeg en farge fra et bilde?
Last opp eller dra bildet inn i fargevelgeren, klikk deretter med pipetten på det punktet du vil hente fargen fra. Fargen vises umiddelbart som HEX, RGB, HSL, HSV og CMYK, og du kan kopiere formatet du trenger med ett klikk.
Hva er en HEX-fargekode?
En HEX-kode er en sekssifret kode på formen #RRGGBB som beskriver mengden rødt, grønt og blått i en farge med tall fra 0 til F. For eksempel er #3B82F6 en blåfarge. HEX-koder er standarden for å angi farger i HTML og CSS.
Hvordan konverterer jeg RGB til HEX?
Fargevelgeren gjør det automatisk: når du velger en farge, vises både RGB- og HEX-verdien side om side, så du slipper å regne om selv. Bak kulissene omgjøres hver av de tre RGB-verdiene (0–255) til to heksadesimale sifre, som settes sammen til én HEX-kode.
Kan jeg lage en palett fra et bilde?
Ja. Trykk på «Hent ut palett», så analyserer verktøyet bildet og foreslår de mest fremtredende fargene som en ferdig palett. Du kan lagre fargene og eksportere paletten som CSS, JSON eller PNG for bruk i egne prosjekter.
Hvordan sjekker jeg fargekontrast for universell utforming?
Velg en tekstfarge og en bakgrunnsfarge i kontrastsjekken, så beregnes kontrastforholdet automatisk. Verktøyet viser om kombinasjonen består WCAG-kravene til AA og AAA for både vanlig og stor tekst, slik at innholdet blir lesbart for flest mulig.
Er verktøyet gratis, og er bildene mine private?
Ja på begge deler. Fargevelgeren er helt gratis å bruke, og all behandling skjer lokalt i nettleseren din. Bildene lastes aldri opp til en server, så det du åpner, forblir privat på din egen maskin.
