Skapa fantastiska färgharmonier med vår interaktiva färgcirkel. Generera komplementära, triadiska, analoga och andra färgscheman. Exportera som CSS, SCSS, Tailwind, PNG, PDF eller JSON.
Extrahera färger från vilken bild som helst online gratis. Ladda upp en bild, klicka för att välja färger och få HEX, RGB, HSL och CMYK-värden. Skapa och exportera färgpaletter.
Kontrollera färgkontrastförhållanden för webbtillgänglighet. Testa kombinationer av text- och bakgrundsfärger mot WCAG-riktlinjerna med förhandsgranskning i realtid, tillgänglighetsbetyg och förbättringsförslag.
Skapa fantastiska visuella collage genom att kombinera dina bilder med extraherade färgpaletter. Ladda upp vilken bild som helst för att automatiskt extrahera dess dominerande färger och skapa vackra kompositioner med anpassningsbara layouter, stilar och bildförhållanden.
Skapa, visa och hantera färgpaletter med avancerade funktioner. Generera paletter med hjälp av färgteori, importera från olika format, kontrollera tillgänglighetskontrast och exportera till CSS, SCSS, Tailwind, JSON eller PNG-format.
Generera fantastiska färgpallatter online med vår gratis färgpallattsgenerator. Skapa harmoniska färgscheman med hjälp av färgteoriprinciper eller extrahera färger från bilder. Exportera till formaten CSS, SCSS, Tailwind, JSON, PDF och PNG.
Konvertera hex-färger till närmaste Pantone-matchningar med vårt gratis onlineverktyg. Har noggrann Delta E färganpassning, bläddra bland över 40 populära Pantone-färger och få omedelbara färgjämförelser. Perfekt för designers, tryckare och färgproffs.
Välj mellan komplementära, monokromatiska, analoga, triadiska, tetradiska eller delade komplementära färgscheman med hjälp av rullgardinsmenyn.
Klicka och dra på färgcirkeln för att välja din basfärg. Harmonifärgerna uppdateras automatiskt baserat på ditt val.
Använd den yttre luminansringen för att justera ljusstyrkan i din färgpalett samtidigt som harmonirelationen bibehålls.
Klicka på färgprover för att kopiera individuella färger, eller använd knappen Exportera för att ladda ner din palett i olika format.
Dra och justera färger på en visuell färgcirkel med en separat luminanskontrollring för exakt färgval.
Generera automatiskt komplementära, monokromatiska, analoga, triadiska, tetradiska och delade komplementära färgscheman.
Visa och kopiera färger i HEX-, RGB-, HSL- och CMYK-format med ett klick till urklipp.
Exportera paletter som PNG-bilder, PDF-dokument, JSON-data, CSS-variabler, SCSS-variabler eller Tailwind CSS-konfiguration.
En färgcirkel är en visuell representation av färger ordnade efter deras kromatiska förhållande. Färgharmoni syftar på den tilltalande arrangemanget av färger som fungerar bra tillsammans. Vårt interaktiva verktyg hjälper dig att skapa matematiskt balanserade färgkombinationer med hjälp av traditionella färgläraprinciper som komplementära (motsatta), triadiska (tre jämnt fördelade) och analoga (intilliggande) färgscheman.
Baserat på traditionella färgläraprinciper som konstnärer och designers använt i århundraden för att skapa visuellt tilltalande kombinationer.
Generera CSS-variabler, SCSS-variabler och Tailwind CSS-konfigurationsfiler redo att användas i dina webbprojekt.
Exportera dina paletter som bilder (PNG), dokument (PDF) eller data (JSON) för användning i olika designverktyg och plattformar.
Se harmonirelationer visualiserade med anslutande linjer och justera färger interaktivt med omedelbar visuell återkoppling.
Verktyget erbjuder 6 harmonityper: Komplementär (2 motsatta färger), Monokromatisk (variationer av en färg), Analog (3 intilliggande färger), Triadisk (3 jämnt fördelade färger), Tetradisk (4 jämnt fördelade färger) och Delad Komplementär (1 färg + 2 färger intill dess komplement).
Använd den yttre luminansringen runt färgcirkeln. Klicka och dra på den här ringen för att justera ljusheten/mörkheten för alla färger i din harmoni samtidigt som deras nyans- och mättnadsförhållanden bibehålls.
Ja, klicka på valfritt färgprov för att kopiera dess värde till ditt urklipp. Du kan växla mellan HEX-, RGB-, HSL- och CMYK-format med hjälp av formatväljarknapparna.
Du kan exportera som PNG-bilder, PDF-dokument, JSON-data, CSS-variabler, SCSS-variabler och Tailwind CSS-konfigurationsfiler. Varje format är optimerat för olika användningsfall.
Kopiera CSS-variablerna från exportmodalen och klistra in dem i din stilmall. Du kan sedan använda dem så här: background-color: var(--color-1); eller color: var(--color-2);
Ja, du kan dra valfri harmonifärgpunkt för att justera hela paletten. Huvudfärgen kommer automatiskt att omräknas för att bibehålla den matematiska relationen för den valda harmonitypen.