Velkommen tilbake

Velg hvilken type element du vil legge til i denne samlingen

Legg til en samling for å organisere elementene dine

Lag din første kolleksjon for å organisere fargene dine

Legg til farger, paletter eller gradienter i denne samlingen

Tre farger med samme lysstyrke og metning med nyanser som ligger ved siden av hverandre på fargehjulet, 30 grader fra hverandre. Jevne overganger.

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

Bruk kontrast og mønstre sammen med farger for å formidle informasjon.

Design bedre

Blå-gul blindhet (tritanopi)

Fargekode

Kontrastkontrollør

Sjekk hvordan en farge oppfattes av personer med ulike typer fargeblindhet for å lage mer tilgjengelige design. Å forstå fargeoppfatning bidrar til å sikre at innholdet ditt er tilgjengelig for alle.

Gradient Maker

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

Opprett en gratis konto for å simulere hvordan farger fremstår for personer med ulike typer fargeblindhet.

Registrer deg for å få tilgang til blindhetssimulatoren

Rødgrønn blindhet (protanopi)

Relaterte tilgjengelighetsverktøy

8 % av menn og 0,5 % av kvinner har en eller annen form for fargesynsvansker.

Påvirkning

Blindhetssimulator

Fullstendig fargeblindhet

Akromatomali

Akromatopsia

Deuteranomali

Deuteranopi

Protanomali

Protanopi

Tritanomali

Tritanopia

Rød-grønn blindhet er vanligst, og påvirker hvordan rødt og grønt oppfattes.

Typer

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

Vårt avanserte fargeanalyseverktøy gir omfattende innsikt i fargeegenskaper, harmonier og psykologiske effekter. Perfekt for designere, utviklere og kunstnere som ønsker å forstå de tekniske og emosjonelle aspektene ved farger.

Analyser fargeharmonier, psykologisk påvirkning, tekniske spesifikasjoner og tilgjengelighetsmålinger. Ta informerte beslutninger om fargebruk i prosjektene dine med datadrevet innsikt og profesjonelle fargeteoriapplikasjoner.

Forstå fargeanalyse

Profesjonell fargeinnsikt og harmoni

Fullstendig fargeanalyse

Analyser fargeegenskaper med avanserte målinger, inkludert spektral sammensetning, fargerenhet, metamerismeeffekter og perseptuelle egenskaper. Disse verktøyene gir dyp innsikt i fargeoppførsel og utseende under ulike visningsforhold.

Viktig for å skape helhetlige merkeidentiteter, sikre fargeharmoni i design og opprettholde konsistens på tvers av digitale og trykte medier. Vårt fargeanalyseverktøy gir omfattende innsikt for profesjonelle designere.

Design og merkevarebygging

Generer komplementære, triadiske og analoge fargeskjemaer basert på fargehjulforhold

Fargeharmonier

Opprett en gratis konto for å se omfattende fargeanalyse og målinger.

Registrer deg for å få tilgang til fargeanalyse

Forstå fargepsykologi og emosjonell påvirkning for markedsføringskampanjer. Analyser hvordan farger påvirker brukeratferd og konverteringsrater i digitale markedsføringsstrategier.

Markedsføring og psykologi

Få tilgang til detaljerte fargespesifikasjoner, inkludert RGB-, HSL-, LAB-verdier og luminansberegninger.

Tekniske målinger

Palettgenerator

Forstå hvordan farger fremstår under ulike lysforhold og for ulike målgrupper

Visuell persepsjon

Hvordan farger fremstår for menneskelig syn, inkludert renhet, dominans og oppfattet lysstyrke.

Perseptuelle egenskaper

Profesjonelle fargeanalyseapplikasjoner

Utforsk emosjonelle og psykologiske assosiasjoner som påvirker brukeratferd og -oppfatning

Fargepsykologi

Relaterte fargeverktøy

Presis fargemålinger basert på kolorimetri og spektralanalyse for tekniske applikasjoner.

Vitenskapelig analyse

Fargeanalyse

Analyser farger for samsvar med webtilgjengelighet, generer CSS-fargekoder og sørg for optimal lesbarhet. Perfekt for frontend-utviklere med fokus på brukeropplevelse og WCAG-retningslinjer.

Nettutvikling

Hver harmoni har sin egen stemning. Bruk harmonier til å brainstorme fargekombinasjoner som fungerer godt sammen.

Bruk én dominerende farge, støtt med sekundærfarge, og aksent sparsomt.

Sørg for tilstrekkelig kontrast for lesbarhet og tilgjengelighet.

Farger bør fungere sammen for å skape en enhetlig visuell opplevelse.

Prinsipper for fargeteori

En farge og dens motsetning på fargesirkelen, +180 grader fargetone. Høy kontrast.

Fargebetydningene varierer på tvers av kulturer, og har ulik symbolsk betydning over hele verden.

Kultur

Utforsk de kunstneriske og psykologiske dimensjonene ved farger, inkludert sesongbaserte assosiasjoner, emosjonell påvirkning, naturlige hendelser, historiske pigmenter og oppskrifter på fargeblanding for kreative anvendelser.

Opprett en gratis konto for å utforske de kreative og kunstneriske dimensjonene ved farger.

Registrer deg for å få tilgang til Kreative aspekter

Naturlige forekomster av farger inspirerer design og forbinder oss med miljøet.

Natur

Farger påvirker følelser og atferd gjennom psykologiske assosiasjoner utviklet over tid.

Psykologi

Kreative aspekter

Klikk på en hvilken som helst farge for å kopiere dens heksadesimale verdi. Disse kombinasjonene er matematisk bevist å skape visuell harmoni.

Fargeharmonier skaper balanse og vekker spesifikke følelser i designene dine.

Få nyttig fargeinformasjon om farge 123456, som konvertering, kombinasjoner, blindhetssimulering og mer.

HTML-fargevelger: 123456

Tre farger med samme nyanse med luminansverdier på +/- 50 %. Subtil og raffinert.

Terminalfarger, bytekoding og dataformater for programmeringsbruk.

Utvikling

Konverter farger til praktiske formater for virkelige applikasjoner, inkludert utskriftssimulering, LED-skjermer, terminalutdata og datakoding. Disse formatene hjelper deg med å implementere farger på tvers av ulike medier, plattformer og fysiske enheter.

Kontroller LED-striper, RGB-belysning og skjermmaskinvare med presise verdier.

Digitale skjermer

Opprett en gratis konto for å se og kopiere alle praktiske fargeformatverdier.

Registrer deg for å få tilgang til praktiske formater

Simuler hvordan farger vises når de skrives ut med CMYK-blekk på fysiske medier.

Trykk og produksjon

Praktiske formater

Få umiddelbar tilgang til alle fargeformatkonverteringer for prosjektene dine.

Få tilgang til alle praktiske formater

Mørkere variasjoner laget ved å legge til svart i basisfargen din.

En farge og to ved siden av komplementet, +/-30 graders fargetone fra verdien motsatt av hovedfargen. Dristig som et direkte komplement, men mer allsidig.

Utforsk avanserte fargeromrepresentasjoner og profesjonelle fargemodeller som brukes i videoproduksjon, fotografering, vitenskapelige applikasjoner og fargehåndteringssystemer. Disse tekniske formatene gir presise fargespesifikasjoner for spesialiserte bransjer og applikasjoner.

Profesjonelle arbeidsflyter krever spesifikke fargeformater for konsistens på tvers av enheter og medier.

Bransjestandarder

Opprett en gratis konto for å se og kopiere alle tekniske fargeformatverdier.

Registrer deg for å få tilgang til tekniske formater

Tekniske formater

Få umiddelbar tilgang til over 10 profesjonelle fargeformater med presise konverteringer og detaljerte forklaringer.

Lås opp alle tekniske formater

Ulike fargerom er optimalisert for spesifikke formål – fra nøyaktig fargegjengivelse til effektiv datakomprimering.

Hvorfor bruke tekniske formater

To sett med komplementærfarger, atskilt med 60 grader fargetone.

Lysere variasjoner laget ved å legge til hvitt i basisfargen din.

Tre farger jevnt fordelt langs fargesirkelen, hver med 120 graders fargetone fra hverandre. Det er best å la én farge dominere og bruke de andre som aksenter.

Formålet med denne delen er å nøyaktig produsere fargetoner (rent hvitt lagt til) og nyanser (rent svart lagt til) av den valgte fargen i trinn på 10 %.

Disse variasjonene danner grunnlaget for en helhetlig fargepalett. Eksporter dem for å opprettholde konsistens på tvers av hele prosjektet.

Bruk nyanser for svevetilstander og skygger, fargetoner for høylys og bakgrunner.

Navn

Kontakt oss

Juster glidebryterne for å forbedre tekstkontrasten for bedre lesbarhet

Dette er vanlig brødtekst. Den raske brune reven hopper over den late hunden.

Velg en farge ved å bruke fargevelgeren for tekst og bakgrunnsfarge eller skriv inn en farge i RGB heksadesimalt format (f.eks. #259 eller #2596BE). Du kan justere glidebryteren for å velge farge. Web Content Accessibility Guidelines (WCAG) har en spesifikk retningslinje for å finne ut om tekst er lesbar for seende brukere. Dette kriteriet bruker en bestemt algoritme for å kartlegge fargekombinasjoner til sammenlignbare forhold. Ved å bruke denne formelen sier WCAG at et fargekontrastforhold på 4,5:1 med tekst og dens bakgrunn er tilstrekkelig for vanlig (brødtekst), og stor tekst (18+ pt vanlig, eller 14+ pt fet skrift) bør ha minst 3: 1 farge kontrastforhold.

Test fargekombinasjoner for å sikre at de oppfyller WCAGs tilgjengelighetsstandarder for tekstlesbarhet.

Fargekontrastkontroll: Med dette nettbaserte verktøyet kan du få detaljer om kontrastforholdet til tekst og bakgrunnsfarger 123456. 

 Fargekontrastkontroll: 123456

Dette viser hvordan fargene ser ut når de er invertert, noe som er nyttig for mørk/lys modus.

Den raske brune reven hopper over den late hunden

Forhåndsvisningstittel

Dette er liten tekst for å teste lesbarheten.

Dette er liten tekst som fortsatt burde være lesbar.

Registrer deg gratis for å få tilgang til fem intelligente fargeforslag som opprettholder livligheten samtidig som de oppfyller WCAGs tilgjengelighetsstandarder.

Lås opp smarte fargeforslag

Forbedret kontrastforhold på 7:1 for vanlig tekst og 4,5:1 for stor tekst. Anbefales for optimal tilgjengelighet.

Minimum kontrastforhold på 4,5:1 for vanlig tekst og 3:1 for stor tekst. Kreves for de fleste nettsteder.

WCAG-samsvarsnivåer

WCAG-retningslinjene sikrer at innholdet ditt er tilgjengelig for brukere med synshemming.

WCAG-standarder

Trenger oppmerksomhet

For å bruke denne funksjonen må du opprette en GRATIS imagecolorpicker-konto. Du vil ha tilgang til flere funksjoner etterpå.

Lag en ny palett

Administrer lagrede paletter og gradienter

Dine gradienter

Dine paletter

Dashbord

Rediger paletten din

Lag fantastiske gradienter med Gradient Maker fra imagecolorpicker.com. Velg mellom lineære og radielle gradienter, legg til flere farger, roter gradienten, lagre og del kreasjonene dine. Last ned CSS-koden direkte og integrer gradientene dine sømløst i prosjektene dine.

Lag fantastiske gradienter med Gradient Maker fra imagecolorpicker.com. Velg mellom lineære og radiale gradienter, legg til flere farger, roter gradienten, lagre og del kreasjonene dine. Last ned CSS-koden direkte og integrer gradientene dine sømløst i prosjektene dine.

Rediger gradienten din

Gradienttittel er obligatorisk

Gradient Maker - Lag fantastiske lineære og radielle gradienter | imagecolorpicker.com

Gradient

Generer fargekoder, variasjoner, harmonier og sjekk kontrastforhold.

Fargekodegenerator og -velger

Lag vakre gradienter med letthet – tilpass farger, retninger og eksporter kreasjonene dine.

Administrer og organiser favorittfargepalettene dine.

Dine lagrede paletter

Delt gradient

Delt palett

Vi har lagt merke til at du bruker en annonseblokker. Det er greit! Du kan støtte oss med en liten donasjon for å holde dette verktøyet gratis for millioner av brukere. Hver kopp kaffe hjelper oss med å vedlikeholde og forbedre tjenesten.

Annonseblokkering oppdaget – Støtt oss med en kaffe i stedet!

Bruk den elektroniske bildefargevelgeren ovenfor for å velge en farge og få HTML-fargekoden for denne pikselen. Du får også HEX-fargekodeverdien, RGB-verdien og HSV-verdien. Under «Bruk bildet ditt» kan du laste opp ditt eget bilde (for eksempel et skjermbilde av skrivebordet ditt), lime inn et bilde fra utklippstavlen, sette inn en bilde-URL i tekstboksen nedenfor. Eller bruk en nettsteds-URL, så ser du et miniatyrbilde på venstre side.

For å bruke denne funksjonen må du opprette en GRATIS imagecolorpicker-konto. Du vil ha tilgang til flere funksjoner i etterkant.

Slipp en bildefil for å laste opp. Støttede formater: PNG, JPG, JPEG.

Bildeopplasting

Fargevelger: Med dette nettbaserte verktøyet kan du laste opp et bilde eller oppgi en nettadresse og få RGB-farge-, HEX-farge- og HSL-fargekoden. 👍

👍 Fargevelger på nett | HEX fargevelger | HTML fargevelger

Hvis du bruker en Mac eller datamaskin med gjeldende operativsystem og nåværende nettleser, kan du bruke funksjonen. Safari, Edge, Firefox og Chrome er testet av oss. Utseendet kan variere noe.

Du kan bruke denne funksjonen tre ganger gratis, og deretter se en kort annonse for tre ganger til. Din støtte hjelper oss med å holde dette verktøyet gratis for over tre millioner brukere over hele verden.

Se en 15-sekunders annonse for å fortsette å bruke den gratis

Du har brukt denne funksjonen 3 ganger!

Opprett en gratis konto for å hoppe over annonser når som helst

Vi er fortsatt helt i begynnelsen av fargevelgerreisen vår, det kommer mange flere funksjoner, det er verdt det.

Skriv inn e-postadressen din, så sender vi deg en sikker lenke for å logge inn.

Paletttittel er obligatorisk

Du har ikke lagret en fargepalett ennå. Lagre en, så finner du den her.

Fargepaletten som ble delt med deg eksisterer ikke lenger, sannsynligvis ble den slettet av skaperen. Kontakt personen du har mottatt denne lenken fra.

Palett

Tittel er obligatorisk

Gi prosjektet ditt et navn og en beskrivelse

Organiser farger, paletter og gradienter i prosjekter og samlinger

Mine prosjekter

Organiser designressursene dine i prosjekter

Dette nettstedet er laget gjennom reklame. Du har en blokkerer. Vi forstår at du ikke vil se annonser. Dette nettstedet koster oss penger å drive og vedlikeholde. Vi er veldig glade for hver kaffe!

Et nettbasert verktøy for å velge farger fra bilder, nettsteder og skjermen din. Få HEX-, RGB- og HSL-fargekoder umiddelbart.

Nettbasert verktøy for å hente ut fargekoder (HEX, RGB) fra bilder og nettsteder. 100 % gratis.

Fantastiske folk som nylig ga oss en kaffe. Takk for støtten!

ImageColorPicker.com

Kontakt oss