Interaktiv Färgcirkel
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.
Hur Man Skapar Färgharmonier
- 1
Välj Harmonityp
Välj mellan komplementära, monokromatiska, analoga, triadiska, tetradiska eller delade komplementära färgscheman med hjälp av rullgardinsmenyn.
- 2
Justera Färger på Cirkeln
Klicka och dra på färgcirkeln för att välja din basfärg. Harmonifärgerna uppdateras automatiskt baserat på ditt val.
- 3
Finjustera Luminansen
Använd den yttre luminansringen för att justera ljusstyrkan i din färgpalett samtidigt som harmonirelationen bibehålls.
- 4
Kopiera eller Exportera
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.
Nyckelfunktioner
Interaktiv Färgcirkel
Dra och justera färger på en visuell färgcirkel med en separat luminanskontrollring för exakt färgval.
6 Färgharmonityper
Generera automatiskt komplementära, monokromatiska, analoga, triadiska, tetradiska och delade komplementära färgscheman.
Flera Färgformat
Visa och kopiera färger i HEX-, RGB-, HSL- och CMYK-format med ett klick till urklipp.
Export & Kodgenerering
Exportera paletter som PNG-bilder, PDF-dokument, JSON-data, CSS-variabler, SCSS-variabler eller Tailwind CSS-konfiguration.
Vad Är en Färgcirkel och Färgharmoni?
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.
Varför Använda Vårt Färgcirkelverktyg?
- 1
Professionell Färglära
Baserat på traditionella färgläraprinciper som konstnärer och designers använt i århundraden för att skapa visuellt tilltalande kombinationer.
- 2
Utvecklarvänlig Export
Generera CSS-variabler, SCSS-variabler och Tailwind CSS-konfigurationsfiler redo att användas i dina webbprojekt.
- 3
Flera Exportformat
Exportera dina paletter som bilder (PNG), dokument (PDF) eller data (JSON) för användning i olika designverktyg och plattformar.
- 4
Visuell Återkoppling i Realtid
Se harmonirelationer visualiserade med anslutande linjer och justera färger interaktivt med omedelbar visuell återkoppling.
Vanliga frågor
Vilka färgharmonityper finns tillgängliga?
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).
Hur justerar jag ljusstyrkan på färger?
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.
Kan jag kopiera enskilda färger?
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.
Vilka exportformat stöds?
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.
Hur använder jag de genererade CSS-variablerna?
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);
Kan jag dra harmonifärger individuellt?
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.