Färgschemagenerator
Vad är Färgschemagenerator
En färgschemagenerator bygger harmoniska paletter från en enda basfärg med hjälp av färglära. Välj valfri färg och få fem användningsfärdiga scheman: komplementärt (motsatt på färghjulet), analogt (grannar inom 30 grader), triadiskt (tre jämnt fördelade nyanser), delat komplementärt (basen plus två nyanser nära komplementet) och tetradiskt (fyra nyanser som bildar en rektangel). Varje färgruta visar sin hex-kod för direkt användning i CSS, designverktyg eller kod.
Så använder du
- Klicka på färgväljaren eller skriv en hex-kod i inmatningsfältet.
- Granska de fem färgschemana som genereras under inmatningen.
- Klicka på en färgruta för att kopiera dess hex-kod.
- Använd Dela-knappen för att spara din aktuella färg som en länk.
När du använder det
Behöver du en accent som fungerar med din varumärkesblå #2563EB? Klistra in hex-koden, öppna det triadiska schemat, så får du den varma orangea #EB6325 redo att klicka och kopiera. Lägg in den direkt i Figma eller din Tailwind-konfiguration för varningsknappar utan att lämna fliken, och dela länken så att en kollega ser exakt samma palett.
Vanliga frågor
Vad är ett komplementärt färgschema?
Ett komplementärt schema använder två färger som ligger mitt emot varandra på färghjulet. De ger stark kontrast och används ofta för att få accenter att sticka ut mot en basfärg.
Vad är ett analogt färgschema?
Ett analogt schema använder färger som ligger bredvid varandra på färghjulet (inom cirka 30 grader). Det ger en harmonisk, lågkontrastig palett som känns sammanhängande.
Vad är ett triadiskt färgschema?
Ett triadiskt schema använder tre färger jämnt fördelade runt färghjulet (120 grader isär). Det ger en livlig men balanserad palett.
Hur skiljer sig delat komplementärt från komplementärt?
I stället för den direkta motsatsen använder delat komplementärt basfärgen plus de två nyanserna som ligger intill komplementet. Det behåller starkt kontrastvärde men blir mjukare och lättare att balansera.
Kan jag dela verktyget med min färg ifylld?
Ja. Webbadressen uppdateras automatiskt medan du skriver. Kopiera den från adressfältet eller använd Dela-knappen — den som öppnar länken ser exakt dina värden redo att användas.
Relaterade verktyg
Bildförhållande Kalkylator
Räkna ut bildförhållandet, hitta saknad bredd eller höjd och ändra storlek på bilder och video utan att förvränga proportionerna. Gratis.
Streckkodsgenerator
Generera EAN-13- eller Code 128-streckkoder online. Ange ditt nummer eller text, ladda ner som SVG eller PNG. Gratis, ingen registrering behövs.
Base64-avkodare
Avkoda Base64-strängar till vanlig text direkt i din webbläsare. Stöder fullständig Unicode-utdata inklusive emojis. Gratis Base64-avkodare online.