Fargekonverterer

Konverter farger mellom HEX, RGB, HSL, HSV, CMYK og LAB — rediger et felt og resten oppdateres fortløpende.

Rediger et hvilket som helst felt for å oppdatere de andre umiddelbart, eller velg en farge fra paletten.

Velg en farge eller skriv inn en verdi i valgfritt format.

Hver konvertering kjøres i nettleseren din. Ingenting du skriver inn lastes opp til BroBroGo.

Ofte stilte spørsmål

Hvilke fargeformater kan jeg konvertere mellom?

HEX, RGB, HSL, HSV, CMYK og LAB. Skriv inn en verdi i et av dem, og de andre fem oppdateres samtidig, slik at du kan gå fra et hvilket som helst format til et annet.

Er CMYK-resultatet klart for profesjonelt trykk?

Se på det som et nært estimat for skjerm. Ekte CMYK for trykk avhenger av papir, blekk og skriverprofil, så et trykkeri kan returnere verdier som avviker litt fra disse.

Hvorfor endres en LAB- eller CMYK-farge litt etter konvertering?

LAB og CMYK kan beskrive farger som en skjerm ikke kan vise. Når en verdi faller utenfor det synlige RGB-området, trekkes den til den nærmeste visbare fargen, så en konvertering tilbake kan endre den litt.

Fargevelger fra bildeVelg en hvilken som helst piksel fra et bilde og les av HEX, RGB og HSL, med et forstørrelsesglass for nøyaktig fargehenting.KontrastsjekkerSkriv inn tekst- og bakgrunnsfarge for å se WCAG-kontrastforholdet og hvilke AA- og AAA-nivåer som blir bestått.Binær/heksadesimal-konvertererKonverter tall mellom binær, heksadesimal, desimal og oktal – eller gjør tekst om til bytes.Konverter bildeformatKonverter JPG-, PNG-, WebP-, HEIC- og AVIF-bilder direkte i nettleseren din.BildekomprimeringKomprimer bilder lokalt med smart komprimering, målstørrelse og avanserte kontroller.Kalkulator for bildeforholdGjør om enhver bredde × høyde til et rent bildeforhold som 16:9, eller velg et forhold og beregn den manglende siden – for både video, bilder og skjermer.Favicon-generatorGjør én PNG, JPG eller SVG om til favicon.ico og alle ikonstørrelsene nettstedet ditt trenger, samlet i en ZIP-fil.Box Shadow-generatorDra i glidebryterne for å forme en box-shadow, stable lag for dybde, og kopier den ferdige CSS-koden umiddelbart.Gradient-generatorBygg en lineær, radial eller konisk gradient, legg til fargepunkter og angi retning, og kopier deretter CSS-koden med ett klikk.Border Radius-generatorRund av hvert hjørne med glidebrytere, lag organiske former med elliptisk modus, og kopier CSS-koden umiddelbart.Flexbox-generatorSett opp en flex-container og tilhørende elementer med visuelle kontroller, se layouten reagere live, og kopier CSS-koden med ett klikk.CSS-formaterer og -minifisererRydd opp i uoversiktlig CSS for å gjøre den lesbar, eller minifiser den for raskere innlasting – med en sikker modus som aldri endrer rekkefølgen på reglene dine.Konverterer for px til rem og emKonverter mellom px, rem og em med dine egne innstillinger for rot- og kontekststørrelse — rediger et felt og de to andre oppdateres mens du skriver.