🎨

Klar til å generere farger

Konfigurer innstillingene dine i panelet til høyre og klikk på "Generer farger"

Vis WCAG kontrastforhold mellom farger
Simuler hvordan farger ser ut med fargesyntsvikt

Ingen historikk ennå. Generer noen farger!

Slik fungerer det

Vår tilfeldige fargegenerator skaper farger ved hjelp av HSL fargerom for presis kontroll over fargetone, metning og lysstyrke. Velg mellom enkeltfarger, harmoniske paletter eller vakre gradienter. Bruk filtre for temperatur, metning og lysstyrke. Sjekk tilgjengelighet med den innebygde WCAG kontrastforholdkalkulatoren og fargeblindhetssimulator.

Vanlige bruksområder

🌐

Webdesign

Generer fargeskjemaer for nettsider, apper og digitale grensesnitt med tilgjengelige kontrastforhold

📱

UI/UX design

Skap harmoniske fargepaletter for brukergrensesnitt med WCAG samsvarssjekk

🏷️

Merkevarebygging og identitet

Oppdag unike fargekombinasjoner for logoer, merkevareretningslinjer og markedsføringsmateriell

🎨

Kunst og illustrasjon

Finn inspirerende fargepaletter for digital kunst, illustrasjoner og kreative prosjekter

Funksjoner

  • ✅ Enkeltfarge-, palett- og gradientmoduser
  • ✅ 6 fargeharmoniregler (komplementær, analog, triadisk osv.)
  • ✅ Temperatur-, metnings- og lysstyrkefiltre
  • ✅ WCAG kontrastforholdkalkulator (AA/AAA samsvar)
  • ✅ Fargeblindhetssimulering (protanopia, deuteranopia, tritanopia)
  • ✅ Lås farger og regenerer de øvrige
  • ✅ Eksporter som CSS variabler, JSON eller tekst
  • ✅ HEX, RGB, HSL og CMYK formater

Hva er en tilfeldig fargegenerator?

En tilfeldig fargegenerator er et nettbasert verktøy som skaper tilfeldige farger, fargepaletter og gradienter for designere, utviklere og kunstnere. Denne fargeskjemageneratoren bruger HSL fargerommatematikk for å produsere farger med presis kontroll over fargetone, metning og lysstyrke, noe som gjør den overlegen sammenlignet med enkle tilfeldige hex-generatorer. Enten du trenger en enkelt aksentfarge til nettstedet ditt, en harmonisk 5-farget palett for merkevareidentiteten din, eller en vakker gradient til UI-bakgrunnen din, leverer denne fargepalettgeneratoren profesjonelle resultater umiddelbart. Designere stoler på dette verktøyet for rask prototyping, utviklere bruker det til å generere temafarger, og kunstnere finner inspirasjon for sine kreative prosjekter.

Fargegeneratoren fungerer ved å generere farger i HSL (Hue, Saturation, Lightness) fargerom og konvertere dem til flere utdataformater, inkludert HEX-koder for webutvikling, RGB-verdier for digitalt design, HSL for CSS-styling og CMYK-tilnærminger for trykkeforberedelse. Du kan generere farger i tre moduser: Enkeltfarge for raske fargevalg, Palettmodus for å skape 2-10 harmoniske farger, og Gradientmodus for å generere vakre fargeoverganger med klar-til-bruk CSS-kode. Harmonisystemet sikrer estetisk tiltalende kombinasjoner ved hjelp av fargeteoriregler — komplementære farger sitter overfor hverandre på fargehjulet for maksimal kontrast, analoge farger sitter ved siden av hverandre for myke overganger, triadiske farger danner likesidede trekanter for livlig variasjon, og splitkomplementære gir kontrast med mindre spenning enn fullt komplementære skjemaer.

Det som skiller denne fargegeneratoren fra konkurrentene er det innebygde tilgjengelighetsverktøysettet. WCAG kontrastforholdkalkulatoren beregner kontrasten mellom to genererte farger og viser om de oppfyller WCAG 2.0 AA (4,5:1 for normal tekst, 3:1 for stor tekst) og AAA (7:1 for normal tekst, 4,5:1 for stor tekst) tilgjengelighetsstandarder. Dette er avgjørende for webdesignere som må sikre at fargevalgene deres er lesbare for alle brukere. Fargeblindhetssimulatoren viser hvordan de genererte fargene dine ser ut for personer med protanopia (rødblind), deuteranopia (grønnblind) og tritanopia (blåblind) fargesyntsvikter, noe som hjelper deg med å skape inkluderende design som fungerer for omtrent 8 % av menn og 0,5 % av kvinner som har en eller annen form for fargesyntsvikt.

Filtreringssystemet gir deg finkornig kontroll over genererte farger. Temperaturfiltre begrenser farger til varme toner (røde, oransje, gule) for energiske design, kalde toner (blå, grønne, lilla) for rolig estetikk, eller nøytrale toner for balanserte komposisjoner. Metningsfiltre lar deg generere pastellfarger for myke, milde design, livlige farger for dristige uttrykk, dempede toner for sofistikerte paletter, eller neonfarger for iøynefallende effekter. Lysstyrkefiltre kontrollerer om fargene er lyse for luftige design, medium for balanserte grensesnitt, eller mørke for dramatiske temaer. Låsefunksjonen lar deg beholde farger du elsker mens du regenererer resten, perfekt for å bygge paletter trinnvis. Eksporter fargene dine som CSS custom properties for direkte bruk i stilark, JSON for programmatisk bruk, eller ren tekst for dokumentasjon. Genereringshistorikken sporer alle dine tidligere fargeskjemaer slik at du kan gjenbesøke og gjenbruke favorittkombinasjonene dine.