Hvilke farvekoder giver den mig?

HEX, RGB, HSL, HSV, CMYK og OKLCH for den samme farve, klar til at kopiere.

Kan jeg vælge en farve fra min skærm?

Ja, med Vælg fra skærm i Chromium-baserede browsere som Chrome og Edge. Knappen er skjult, når din browser ikke understøtter det.

Tjekker den, om tekst kan læses på farven?

Ja. Den viser WCAG-kontrastforholdet mod hvid og sort og markerer det som AA stor, AA, AAA eller Består ikke. Den foreslår også komplementære, triadiske, analoge og monokromatiske farver.

Er det virkelig gratis?

Ja. Alle værktøjer er gratis at bruge, uden konto og uden kreditkort. Arbejdet foregår på din enhed i stedet for på vores servere, hvilket er det, der gør det gratis at køre.

Virker det på mobil?

Ja. Det kører i nuværende mobilbrowsere på iOS og Android, uden noget at installere.

🎨

Gratis Farvevælger og palettegenerator

Vælg farver, konverter mellem HEX/RGB/HSL og generer harmoniske paletter.

Kører i din browserIngen tilmelding, ingen pop-upsIngen login krævetGratis for altid

Virker offline, når den er indlæst

Farvevælger

HEX

HSV

h217°

s76%

v96%

kun visning

RGB

HSL

Flere formater

Alfa100%

HEX8#3b82f6ff

RGBrgb(59 130 246)

HWBhwb(217 23% 4%)

CMYKcmyk(76%, 47%, 0%, 4%)

OKLCHoklch(62.3% 0.188 259.8)

SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)

Android0xFF3B82F6

FlutterColor(0xFF3B82F6)

WCAG kontrast

Nærmeste navngivne farve: dodgerblue · Sort tekst er lettere at læse her (5,71:1)

Tekst på hvidt3,68:1AA stor

Tekst på sort5,71:1AA

Tekst på #ffffff3,68:1AA stor

Sammenlign med en anden farve

Nuancer og toner (50–950)

Navn

Farvepalette

Komplementær

#3b82f6

#f6af3c

Triadisk

#3b82f6

#f63c83

#83f63c

Analog

#3ce0f6

#3b82f6

#523cf6

Monokromatisk

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

Almindelige anvendelser

Farveplukker til webdesignPluk og generér farver til dit websted — få HEX-, RGB- og HSL-værdier samt harmoniske paletter.
Farveplukker til brandingByg dit brandets farvepalett — vælg primære, sekundære og accentfarver der virker sammen.
Farveplukker til sociale medierOpret øjenopsluttende farvepaletter til sociale medieposts, historier og profildesigner.
Farveplukker til trykning designVælg farver til trykte materiale — flyers, visitkort, brochurer — med nøjagtige farveforhåndsvisninger.
Farveplukker til præsentationerDesign slide farveskemaer — vælg læsbar tekstfarve, diagrampaletter og konsekvente accentnuancer.

Sådan fungerer det

Alt kører direkte i din browser med håndskrevet konverteringsmatematik — intet farvebibliotek, ingen tur til en server. Du vælger en farve via browserens indbyggede farvefelt eller EyeDropper API, og værktøjet konverterer den straks til seks formater og beregner samtidig WCAG-kontrastforhold og laver harmonipaletter.

1
Farveinput via indbygget API
Du vælger en farve via browserens indbyggede <input type="color">-widget, eller — i Chromium-baserede browsere — lader EyeDropper API dig hente en vilkårlig pixel på skærmen. Begge veje returnerer en hex-streng, som bliver den eneste sandhedskilde.
2
Håndskrevne formatkonverteringer
Værktøjet konverterer hex-værdien til RGB, HSL, HSV, CMYK og OKLCH med sine egne matematiske funktioner (intet eksternt bibliotek). OKLCH-konverteringen lineariserer sRGB-kanalerne, anvender OKLab-kubikrodsmatricen og udleder derefter kroma og farvetonevinkel — i overensstemmelse med moderne CSS Color Level 4-output.
3
Beregning af WCAG-kontrastforhold
Relativ luminans beregnes ud fra de lineariserede RGB-kanaler med WCAG 2.x-formlen. Værktøjet beregner derefter kontrastforhold mod ren hvid og ren sort og mærker dem AA-large, AA, AAA eller Fail efter WCAG-grænserne (3:1, 4.5:1, 7:1).
4
Harmonipaletter og lokal gemning
Komplementære, triadiske, analoge og monokromatiske farveprøver udledes ved matematisk at rotere eller variere HSL-farvetone og -lyshed. Gemte paletter skrives til localStorage i din browser — intet forlader din enhed.

Relaterede værktøjer

🎨

Tilfældig farvegenerator

Generer tilfældige farver én ad gangen eller som en palet på fem, lås dem du kan lide, kopiér HEX-, RGB- eller HSL-værdier og eksportér paletten som PNG eller CSS.

Prøv det

🎨