Gratis färgverktyg
Extrahera, analysera, konvertera och dela dina färger. 12 professionella verktyg, 100 % gratis, utan registrering.
Färgväljare med pipett
Välj vilken färg som helst direkt från en bild med pipetten och avläs genast de exakta HEX-, RGB- och HSL-värdena till din design eller din stilmall för webben.
Extrahera färger
Extrahera automatiskt de viktigaste färgerna från valfritt foto eller grafik och kopiera de färdiga HEX-, RGB- och HSL-koderna direkt till din design eller kod.
Palettgenerator
Generera en komplett och harmonisk färgpalett från en bild med matchande HEX- och RGB-värden, direkt redo att exporteras till CSS eller ditt designverktyg.
Dominanta färger
Identifiera de dominerande färgerna i valfri bild, ordnade efter andel, med exakta HEX- och RGB-värden för varumärkesarbete, moodboards och presentationer.
Liknande färger
Hitta färger som liknar din valda nyans och upptäck närliggande HEX-, RGB- och HSL-varianter för att subtilt bygga ut eller finjustera din palett efter smak.
Konvertera färg
Konvertera vilken färg som helst direkt mellan HEX, RGB, HSL, CMYK, OKLCH och LAB och kopiera varje värde omedelbart till din stilmall eller designapp direkt.
Färgkontrast
Kontrollera kontrastförhållandet mellan text och bakgrund och se genast om din färgkombination uppfyller kraven för WCAG AA och AAA för tillgänglig läsning.
Exportera palett
Exportera din färgpalett med ett klick till CSS-variabler, SCSS, JSON eller ASE och använd färgerna direkt i din kod eller i ditt favoritprogram för design.
Färgförhandsvisning
Se hur dina HEX- och RGB-färger ser ut tillsammans på knappar, text och ytor så att du kan bedöma varje kombination noga innan du använder dem i din kod.
Ladda ner färger
Ladda ner hela din färgpalett med alla HEX-koder som en tydlig PNG-bild för att dela, arkivera eller lägga till i din moodboard eller din varumärkesguide.
Dela färger
Dela din färgpalett med kollegor eller kunder via en unik länk med alla HEX-värden, så att alla har exakt samma nyanser framför ögonen genom hela projektet.
Färgharmonier
Utforska komplementära, triadiska, analoga och delade scheman kring din basfärg och få varje harmoni med HEX-värden för en balanserad och stilren palett.
CSS-gradient
Skapa mjuka linjära och radiala gradienter med flera färgstopp och kopiera den färdiga CSS-gradientkoden direkt in i din stilmall för din webbplats eller app.
Mesh-gradientgenerator
Designa rika, flerfärgade mesh-gradienter med organiska färgövergångar och exportera bakgrunden som färdig CSS-kod för din webbplats eller applikation.
Animerad CSS-gradient
Skapa en mjukt rörlig, animerad gradientbakgrund, ställ in färger och hastighet och kopiera den kompletta CSS-koden med keyframes till din webbplats eller sida.
Färgblindhetssimulator
Simulera hur dina färger ser ut vid deuteranopi, protanopi och tritanopi och kontrollera att din palett förblir tydlig för användare med färgblindhet.
Textläsbarhet
Testa läsbarheten för text mot valfri bakgrundsfärg, granska kontrastförhållandet och välj kombinationer som förblir bekväma, lugna och tillgängliga för ögat.
WCAG-analysator
Analysera varje färgkombination i din palett för WCAG AA- och AAA-kontrast och se i en enda överblick vilka par som uppfyller kraven och vilka att justera.
Glassmorfism-generator
Designa en förfinad matt glaseffekt med oskärpa, transparens och kant och kopiera den färdiga CSS-koden för att använda glassmorfism i ditt gränssnitt.
Neumorfism-generator
Skapa mjuka neumorfiska knappar och kort med dubbla skuggor, ställ in färg och djup och kopiera CSS-koden för en subtil och modern UI-effekt i din app.
Färgade skuggor
Generera livfulla färgade skuggor under dina element, ställ in nyans, oskärpa och spridning och kopiera box-shadow-koden i CSS direkt till din design.
Duoton-effekt
Applicera en stilren duoton-effekt på ditt foto med två valda HEX-nyanser för skuggor och högdagrar, förhandsgranska live och ladda ner resultatet till projektet.
Bildfärgfilter
Lägg färgfilter, nyansskift och mättnad på dina bilder, se resultatet direkt live och ladda sedan ner det redigerade fotot för webben eller dina sociala medier.
Färgmoodboard
Bygg en visuell moodboard kring din färgpalett med HEX-koder och matchande nyanser för att fånga känslan i ett varumärke, en produkt eller ett visuellt projekt.
Färgblandare
Blanda två färger i önskad proportion och upptäck varje mellanliggande nyans med HEX-, RGB- och HSL-värden för mjuka, jämna och naturliga färgövergångar.
Toner och skuggor
Generera en komplett skala med ljusare toner och mörkare skuggor av valfri färg med HEX-värden, perfekt för knappar, tillstånd och kompletta designsystem.
Slumpmässig palett
Generera överraskande slumpmässiga färgpaletter med HEX-koder med ett enda klick, lås dina favoriter och fortsätt söka tills du hittar precis rätt stämning.
Palett från nyckelord
Skriv ett nyckelord eller en stämning, till exempel ocean eller höst, och få genast en matchande färgpalett med HEX-värden som är redo att användas i din design.
Tailwind-palett
Generera en komplett Tailwind CSS-färgskala från 50 till 950 utifrån din basfärg och kopiera den färdiga konfigurationen direkt till din tailwind.config.
CSS-variabler
Exportera din färgpalett som CSS custom properties med tydliga, talande namn och HEX-värden, direkt redo att klistras in i :root-blocket i din stilmall.
shadcn/ui-temagenerator
Generera ett komplett shadcn/ui-tema med ljus och mörk variant i CSS-variabler och kopiera den färdiga konfigurationen direkt till din globals.css i projektet.
SCSS-variabler
Exportera din färgpalett som tydliga SCSS- eller Sass-variabler med talande namn och HEX-värden, direkt redo att importeras i dina stilmallar och mixins.
Färgtemperatur
Analysera temperaturen hos varje färg, se om en nyans är varm eller kall och balansera din palett för rätt stämning i din design eller din varumärkesidentitet.
Färgstämning
Upptäck vilka känslor och associationer dina färger väcker med hjälp av färgpsykologi och välj de nyanser som förmedlar rätt budskap för ditt varumärke.
Varumärkesfärger
Sök efter ett varumärke i katalogen, se de sparade färgerna och kopiera snabbt tillgängliga HEX-koder.
Färgtrender
Upptäck aktuella färgtrender och trendiga paletter med HEX-koder och hämta inspiration till ditt nästa projekt, varumärke, produkt eller din visuella kampanj.
Gradientkarta
Lägg en gradientkarta över ditt foto och mappa om skuggor, mellantoner och högdagrar med din egen gradient för ett filmiskt, stilrent och samstämmigt färguttryck.
Färgöverlägg på bilder
Lägg ett färgöverlägg med justerbar HEX-nyans och genomskinlighet på din bild för en enhetlig stämning och ladda ner det redigerade resultatet till ditt projekt.
Monokromatisk palett
Skapa ett elegant monokromatiskt färgschema från en enda basfärg med ljusare och mörkare HEX-nyanser för ett lugnt, genomarbetat och sammanhållet uttryck.
Komplementärt schema
Generera ett kontrastrikt komplementärt färgschema kring din basfärg med matchande HEX-värden för en livfull, balanserad och professionell design på webben.
UI-förhandsvisning
Se din färgpalett direkt på knappar, kort och formulär i realistiska UI-komponenter och bedöm om kombinationen av färger även fungerar bra i praktiken.
Social förhandsvisning
Se hur din färgpalett ser ut i realistiska inlägg och profiler på sociala medier och kontrollera att nyanserna sticker ut och stämmer innan du publicerar dem.
Professionella färgverktyg för designers och utvecklare
Vår färgverktygssvit låter dig extrahera paletter från dina bilder, konvertera mellan format (HEX, RGB, HSL, CMYK), kontrollera WCAG-tillgänglighet och exportera dina färger till CSS, Sass eller Tailwind. Alla verktyg fungerar direkt i din webbläsare, utan registrering och med respekt för din integritet.
Färgextraktion och -analys från bilder
Använd vår färgväljare (pipett) för att exakt identifiera vilken färg som helst i dina foton. Extrahera automatiskt de dominerande färgerna och generera harmoniska paletter från dina inspirationsbilder. Perfekt för varumärkesarbete, webbdesign och grafisk skapande.
Färgkonvertering och tillgänglighet
Konvertera dina färger direkt mellan HEX, RGB, HSL och CMYK. Kontrollera kontrasten mellan dina färger enligt WCAG AA- och AAA-standarderna för att säkerställa tillgängligheten i dina designer. Generera färgharmonier baserade på färghjulet: komplementära, analoga, triadiska och mer.
100 % gratis, utan registrering, integritetsvänligt
Alla våra färgverktyg är helt gratis och kräver ingen registrering. Dina bilder och data behandlas lokalt i din webbläsare och skickas aldrig till våra servrar. Använd våra verktyg med förtroende för dina personliga och professionella projekt.