Gratis Fargevelger og palettgenerator
Velg farger, konverter mellom HEX/RGB/HSL og generer harmoniske paletter.
RGB
HSL
Flere formater
WCAG kontrast
Nærmeste navngitte farge: dodgerblue · Svart tekst er lettere å lese her (5,71:1)
Nyanser og toner (50–950)
Fargepalett
Komplementær
Triadeisk
Analog
Monokromatisk
Vanlige bruksområder
- Fargeplukker for webdesignVelg og generer farger for nettstedet ditt — få HEX-, RGB- og HSL-verdier pluss harmoniske paletter.
- Fargeplukker for merkebyggingBygg merkefargepaletten din — velg primær, sekundær og aksentfarger som fungerer sammen.
- Fargeplukker for sosiale medierOpprett øye-fangande fargepaletter for sosiale medieposter, historier og profildesign.
- Fargeplukker for trykkdesignVelg farger for trykt materiale — flyers, forretningskort, brosjyrer — med nøyaktige fargeforhåndsvisninger.
- Fargeplukker for presentasjonerDesign lysbildefargeordninger — velg lesbar tekstfarge, diagrampaletter og konsistente aksesfarger.
Hvordan det fungerer
Alt kjører direkte i nettleseren med håndskrevet konverteringsmatematikk — ingen fargebibliotek, ingen tur til serveren. Du velger en farge via nettleserens innebygde fargevelger eller EyeDropper-API-et, og verktøyet konverterer den umiddelbart til seks formater og beregner samtidig WCAG-kontrastforhold og lager harmonipaletter.
- 1Fargevalg via innebygd APIDu velger en farge med nettleserens innebygde <input type="color">-widget, eller — i Chromium-baserte nettlesere — lar EyeDropper-API-et deg hente en hvilken som helst piksel på skjermen. Begge gir en heksstreng som blir den eneste sannhetskilden.
- 2Håndskrevne formatkonverteringerVerktøyet konverterer heksverdien til RGB, HSL, HSV, CMYK og OKLCH med egne matematiske funksjoner (uten eksternt bibliotek). OKLCH-konverteringen lineariserer sRGB-kanalene, bruker OKLab-matrisen med kuberot og utleder deretter kroma og fargetonevinkel — i samsvar med moderne CSS Color Level 4.
- 3Beregning av WCAG-kontrastforholdRelativ luminans beregnes fra de lineariserte RGB-kanalene med formelen i WCAG 2.x. Verktøyet beregner så kontrastforholdet mot rent hvitt og rent svart og merker dem AA-stor, AA, AAA eller Ikke bestått etter WCAG-tersklene (3:1, 4,5:1, 7:1).
- 4Harmonipaletter og lokal lagringKomplementære, triadiske, analoge og monokrome prøver utledes ved å rotere eller trinnvis endre HSL-fargetone og -lyshet matematisk. Lagrede paletter skrives til localStorage i nettleseren — ingenting forlater enheten.
Relaterte verktøy
Tilfeldig fargegenerator
Lag tilfeldige farger én om gangen eller som en palett på fem, lås de du liker, kopier HEX-, RGB- eller HSL-verdier og eksporter paletten som PNG eller CSS.
Fargekonverterer
Konverter farger mellom HEX, RGB, HSL, HSV og CMYK-formater øyeblikkelig. Inkluderer lysskala og forhåndsinnstilte fargeprøver.
Bilde-fargepalettuttrekker
Trekk ut de dominerende fargene fra et bilde ved hjelp av k-means fargekvantisering. Få hex-koder for de 2–16 øverste fargene i bildet eller logoen.