Välkommen tillbaka

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)

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.

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)

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

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

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.

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

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

Perceptuella egenskaper

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

Vetenskaplig analys

Färganalys

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

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

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

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.

Gradient Maker

Hantera och organisera dina favoritfärgpaletter.

Dina sparade paletter

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!

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

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.

ImageColorPicker.com

Färgkodgenerator och -väljare

Färgkonvertering

#ca4e4e

Variationer

Nyanser

Färgtoner

Vanliga användningsfall

Design System Tips

Färgkombinationer

Hur man använder

Varför det är viktigt

Komplettering

Delad-komplementär

Triadisk

Analog

Monokromatisk

Tetradisk

Principer för färgteori

Balans

Kontrast

Harmoni

Kontroll av färgkontrast

Textfärg

Bakgrundsfärg