Välkommen tillbaka

Välj vilken typ av objekt du vill lägga till i den här samlingen

Lägg till en samling för att organisera dina föremål

Föremålet har lagts till i samlingen framgångsrikt

Skapa din första kollektion för att organisera dina färger

Lägg till färger, paletter eller gradienter i den här samlingen

Tre färger med samma luminans och mättnad med nyanser som ligger intill varandra på färghjulet, 30 grader från varandra. Mjuka övergångar.

Färgblindhet drabbar ungefär 1 av 12 män och 1 av 200 kvinnor i världen. Den här simulatorn hjälper designers, utvecklare och innehållsskapare att förstå hur deras färgval ser ut för personer med olika former av färgsynthet.

Genom att testa dina färger med hjälp av olika färgblindhetssimuleringar kan du se till att din design är tillgänglig och effektiv för alla användare. Det här verktyget simulerar de vanligaste typerna av färgsynsbrister, inklusive protanopi, deuteranopi, tritanopi och fullständig färgblindhet.

Förståelse av färgblindhet

Använd kontraster och mönster tillsammans med färg för att förmedla information.

Bättre design

Blågul blindhet (tritanopi)

Färgkod

Kontrastkontroll

Kontrollera hur en färg uppfattas av personer med olika typer av färgblindhet för att skapa mer tillgängliga designer. Förståelse för färguppfattning hjälper dig att se till att ditt innehåll är tillgängligt för alla.

Gradient Maker

Färg får aldrig vara det enda sättet att förmedla information. Testning med denna simulator hjälper till att identifiera potentiella problem.

Varför det är viktigt

Skapa ett gratis konto för att simulera hur färger ser ut för personer med olika typer av färgblindhet.

Registrera dig för att få tillgång till Blindness Simulator

Så här ser färgen ut med normalt färgseende.

Röd-grön blindhet (protanopi)

Relaterade tillgänglighetsverktyg

8% av alla män och 0,5% av alla kvinnor har någon form av färgsynthet.

Påverkan

Simulator för blindhet

Fullständig färgblindhet

Akromatomali

Achromatopsi

Deuteranomali

Deuteranopia

Protanomali

Protanopia

Tritanomali

Tritanopia

Röd-grön blindhet är vanligast och påverkar hur man uppfattar röda och gröna färger.

Typer

Perfekt för UI-design, datavisualisering, branding och allt visuellt innehåll som bygger på färgdifferentiering.

Användningsfall

Vårt avancerade färganalysverktyg ger omfattande insikter i färgegenskaper, harmonier och psykologiska effekter. Perfekt för designers, utvecklare och konstnärer som vill förstå de tekniska och känslomässiga aspekterna av färg.

Analysera färgharmonier, psykologisk påverkan, tekniska specifikationer och tillgänglighetsmått. Fatta välgrundade beslut om färganvändningen i dina projekt med hjälp av datadrivna insikter och professionella färgteoretiska tillämpningar.

Förstå färganalys

Professionella insikter om färg och färgharmoni

Fullständig färganalys

Analysera färgegenskaper med avancerade mätvärden, inklusive spektral sammansättning, färgrenhet, metameriska effekter och perceptuella egenskaper. Dessa verktyg ger djupa insikter i färgbeteende och utseende under olika visningsförhållanden.

Viktigt för att skapa sammanhängande varumärkesidentiteter, säkerställa färgharmoni i design och upprätthålla enhetlighet i digitala och tryckta medier. Vårt färganalysverktyg ger omfattande insikter för professionella designers.

Design och varumärkesprofilering

Generera komplementära, triadiska och analoga färgscheman baserat på färghjulets relationer

Färgharmonier

Skapa ett kostnadsfritt konto för att se omfattande färganalys och mätvärden.

Registrera dig för att få tillgång till färganalys

Förstå färgpsykologi och känslomässig påverkan för marknadsföringskampanjer. Analysera hur färger påverkar användarnas beteende och konverteringsgraden i digitala marknadsföringsstrategier.

Marknadsföring &amp; psykologi

Få tillgång till detaljerade färgspecifikationer, inklusive RGB-, HSL- och LAB-värden samt luminansberäkningar

Tekniska mätetal

Palettgenerator

Förstå hur färger framträder under olika ljusförhållanden och för olika målgrupper

Visuell perception

Hur färger framträder för den mänskliga synen, inklusive renhet, dominans och upplevd ljusstyrka.

Perceptuella egenskaper

Professionella applikationer för färganalys

Utforska känslomässiga och psykologiska associationer som påverkar användarnas beteende och uppfattning

Färgpsykologi

Relaterade färgverktyg

Exakta färgmätningar baserade på kolorimetri och spektralanalys för tekniska tillämpningar.

Vetenskaplig analys

Färganalys

Analysera färger för efterlevnad av webbtillgänglighet, generera CSS-färgkoder och säkerställ optimal läsbarhet. Perfekt för frontend-utvecklare som fokuserar på användarupplevelse och WCAG-riktlinjer.

Webbutveckling

Varje harmoni har sin egen stämning. Använd harmonier för att brainstorma fram färgkombinationer som fungerar bra tillsammans.

Använd en dominerande färg, stöd med en sekundär och accentuera sparsamt.

Säkerställ tillräcklig kontrast för läsbarhet och tillgänglighet.

Färgerna ska fungera tillsammans för att skapa en enhetlig visuell upplevelse.

Principer för färgteori

En färg och dess motsats i färghjulet, +180 grader i nyans. Hög kontrast.

Färgernas betydelse varierar mellan olika kulturer och har olika symbolisk innebörd över hela världen.

Kultur

Utforska de konstnärliga och psykologiska dimensionerna av färger, inklusive säsongsassociationer, känslomässig påverkan, naturliga händelser, historiska pigment och färgblandningsrecept för kreativa tillämpningar.

Skapa ett kostnadsfritt konto för att utforska färgernas kreativa och konstnärliga dimensioner.

Registrera dig för att få tillgång till Creative Aspects

Naturliga förekomster av färger inspirerar design och kopplar oss till miljön.

Natur

Färger påverkar känslor och beteende genom psykologiska associationer som utvecklats över tid.

Psykologi

Kreativa aspekter

Klicka på en färg för att kopiera dess hex-värde. Dessa kombinationer är matematiskt bevisade för att skapa visuell harmoni.

Färgharmonier skapar balans och framkallar specifika känslor i din design.

Få användbar färginformation om färg 123456 som konvertering, kombinationer, blindhetssimulering och mer.

HTML-färgväljare: 123456

Tre färger av samma nyans med luminansvärden +/-50%. Subtilt och raffinerat.

Terminalfärger, bytekodning och dataformat för programmeringsanvändning.

Utveckling

Konvertera färger till praktiska format för verkliga tillämpningar, t.ex. utskriftssimulering, LED-displayer, terminalutmatning och datakodning. Dessa format hjälper dig att implementera färger i olika medier, plattformar och fysiska enheter.

Styr LED-remsor, RGB-belysning och displayhårdvara med exakta värden.

Digitala skärmar

Skapa ett gratis konto för att se och kopiera alla praktiska färgformatvärden.

Registrera dig för att få tillgång till Practical Formats

Simulera hur färgerna ser ut när de skrivs ut med CMYK-bläck på fysiska medier.

Tryck &amp; produktion

Praktiska format

Få omedelbar tillgång till alla färgformatkonverteringar för dina projekt.

Tillgång till alla praktiska format

Mörkare varianter skapas genom att lägga till svart till din basfärg.

En färg och två intilliggande komplement, +/-30 grader i nyans från värdet mittemot huvudfärgen. Djärvt som ett rakt komplement, men mer mångsidigt.

Utforska avancerade färgrymdsrepresentationer och professionella färgmodeller som används i videoproduktion, fotografering, vetenskapliga tillämpningar och färghanteringssystem. Dessa tekniska format ger exakta färgspecifikationer för specialiserade branscher och tillämpningar.

Professionella arbetsflöden kräver specifika färgformat för enhetlighet mellan olika enheter och medier.

Branschstandarder

Skapa ett gratis konto för att se och kopiera alla tekniska färgformatvärden.

Registrera dig för att få tillgång till tekniska format

Tekniska format

Få omedelbar tillgång till över 10 professionella färgformat med exakta konverteringar och detaljerade förklaringar.

Lås upp alla tekniska format

Olika färgrymder är optimerade för specifika ändamål - från exakt färgåtergivning till effektiv datakomprimering.

Varför använda tekniska format

Två uppsättningar komplementfärger, åtskilda av 60 graders nyans.

Ljusare variationer skapas genom att lägga till vitt till din basfärg.

Tre färger jämnt fördelade längs färghjulet, var och en 120 graders nyansskillnad. Bäst är att låta en färg dominera och använda de andra som accenter.

Syftet med detta avsnitt är att exakt producera nyanser (rent vitt tillsatt) och skuggor (rent svart tillsatt) av den valda färgen i steg om 10%.

Dessa variationer utgör grunden för en sammanhängande färgpalett. Exportera dem för att upprätthålla enhetlighet i hela projektet.

Använd nyanser för svävartillstånd och skuggor, toningar för högdagrar och bakgrunder.

Namn

Kontakta oss

Justera reglagen för att förbättra textkontrasten för bättre läsbarhet

Det här är vanlig brödtext. Den snabba bruna räven hoppar över den lata hunden.

Välj en färg med hjälp av färgväljaren för text och bakgrundsfärg eller ange en färg i RGB hexadecimalt format (t.ex. #259 eller #2596BE). Du kan justera skjutreglaget för att välja färg. WCAG (Web Content Accessibility Guidelines) har en särskild riktlinje som hjälper till att avgöra om texten är läsbar för seende användare. Detta kriterium använder en särskild algoritm för att kartlägga färgkombinationer till jämförbara förhållanden.  Med hjälp av denna formel anger WCAG att ett färgkontrastförhållande på 4,5:1 mellan text och bakgrund är tillräckligt för vanlig text (brödtext) och att stor text (18+ pt vanlig eller 14+ pt fet) bör ha ett färgkontrastförhållande på minst 3:1.

Testa färgkombinationer för att se till att de uppfyller WCAG:s tillgänglighetsstandarder för textläsbarhet.

Kontroll av färgkontrast: Med det här onlineverktyget kan du få information om kontrastförhållandet mellan text och bakgrundsfärger 123456. 

Färgkontrastkontroll: 123456

Detta visar hur färgerna ser ut när de inverteras, vilket är användbart för mörkt/ljust läge.

Den snabba bruna räven hoppar över den lata hunden

Förhandsgranska titel

Detta är en liten text för att testa läsbarheten.

Det här är liten text som fortfarande ska vara läsbar.

Registrera dig gratis för att få tillgång till 5 intelligenta färgförslag som bibehåller livfullheten samtidigt som de uppfyller WCAG:s tillgänglighetsstandarder.

Lås upp smarta färgförslag

Förbättrat kontrastförhållande på 7:1 för normal text och 4,5:1 för stor text. Rekommenderas för optimal tillgänglighet.

Kontrastförhållande på minst 4,5:1 för normal text och 3:1 för stor text. Krävs för de flesta webbplatser.

Nivåer för WCAG-överensstämmelse

WCAG-riktlinjerna säkerställer att ditt innehåll är tillgängligt för användare med synnedsättning.

WCAG-standarder

Uppmärksamhet behövs

För att använda den här funktionen måste du skapa ett GRATIS imagecolorpicker-konto. Du kommer att ha tillgång till fler funktioner efteråt.

Skapa en ny palett

Hantera dina sparade paletter och gradienter

Dina lutningar

Visa och hantera dina sparade färgpaletter

Dina paletter

Instrumentpanel

Redigera din palett

Skapa fantastiska gradienter med Gradient Maker från imagecolorpicker.com. Välj mellan linjära och radiella gradienter, lägg till flera färger, rotera gradienten, spara och dela dina skapelser. Ladda ner CSS-koden direkt och integrera dina gradienter sömlöst i dina projekt.

Redigera din gradient

Graderad titel krävs

Gradient Maker - Skapa fantastiska linjära och radiella gradienter | imagecolorpicker.com

Gradient

Generera färgkoder, variationer, harmonier och kontrollera kontrastförhållandena.

Färgkodgenerator och -väljare

Skapa vackra gradienter med lätthet - anpassa färger, riktningar och exportera dina skapelser.

Hantera och organisera dina favoritfärgpaletter.

Delad gradient

Delad palett

Vi märkte att du använder en annonsblockerare. Det är okej! Du kan stödja oss med en liten donation för att hålla det här verktyget gratis för miljontals användare. Varje kaffe hjälper oss att underhålla och förbättra tjänsten.

Ad blocker detected - Stöd oss med en fika istället!

 Använd färgväljaren för onlinebilder ovan för att välja en färg och få HTML-färgkoden för denna pixel. Du får också HEX-färgkodvärdet, RGB-värdet och HSV-värdet. Under "Use Your Image" kan du ladda upp din egen bild (t.ex. en skärmdump av ditt skrivbord), klistra in en bild från urklipp, ange en bildadress i textrutan nedan. Eller använd en webbadress, du kommer att se en miniatyrbild på vänster sida.

Släpp en bildfil för att ladda upp den. Format som stöds: PNG, JPG, JPEG.

Uppladdning av bild

Färgväljare: Med det här onlineverktyget kan du ladda upp en bild eller ange en webbadress och få RGB-färg, HEX-färg och HSL-färgkod. 👍

👍 Färgväljare online | HEX färgväljare | HTML färgväljare

Om du sitter på en Mac eller dator med ett aktuellt operativsystem och aktuell webbläsare kan du använda funktionen. Safari, Edge , Firefox och Chrome har testats av oss. Utseendet kan skilja sig något.

Du kan använda den här funktionen 3 gånger gratis och sedan titta på en snabbannons för ytterligare 3 användningar. Ditt stöd hjälper oss att hålla det här verktyget gratis för över 3 miljoner användare över hela världen.

Se en 15 sekunders reklam för att fortsätta använda den gratis

Du har använt den här funktionen 3 gånger!

Skapa ett gratis konto för att hoppa över annonser när som helst

Vi är fortfarande i början av vår färgplockarresa, det kommer att komma många fler funktioner, det är värt det.

Ange din e-postadress så skickar vi dig en säker länk för att logga in.

Paletttitel krävs

Du har inte sparat någon färgpalett ännu. Spara en så hittar du den här.

Färgpaletten som delades med dig finns inte längre, förmodligen har den raderats av skaparen. Kontakta den person som du fick den här länken från.

Palett

Titel krävs

Ge ditt projekt ett namn och en beskrivning

Organisera dina färger, paletter och gradienter i projekt och samlingar

Mina projekt

Organisera dina designtillgångar i projekt

Denna webbplats finansieras genom reklam. Du har en blockerare. Vi förstår att du inte kommer att se annonser. Den här webbplatsen kostar oss pengar att driva och underhålla. Vi är mycket glada över varje kaffe!

Ett onlineverktyg för att välja färger från bilder, webbplatser och din skärm. Få HEX-, RGB- och HSL-färgkoder direkt.

Onlineverktyg för att extrahera färgkoder (HEX, RGB) från bilder och webbplatser. 100% gratis.

Fantastiska människor som nyligen bjöd oss på kaffe. Tack för ert stöd!

ImageColorPicker.com

Gradient Maker

Färg

Position

Rotation

Typ