Färgverktyg

Färgpalettsgenerator: scheman, nyanser och export – Gratis

Gratis, ingen registrering, fungerar i din webbläsare. Generera en femfärgspalett med mellanslag, lås färgerna du gillar eller bygg ett schema från din egen basfärg. Se 11 nyanser av varje färg och exportera.

eller tryck på Mellanslag. Lås de färger du gillar för att behålla dem.

Skapa från en färg

Färgharmonier vrider nyansen runt färgcirkeln: analog håller sig nära, komplementär använder motsatt sida och triadisk fördelar tre nyanser jämnt.

Nyanser av #2F5BFF

Klicka på en nyans för att kopiera den. Välj en annan färg i paletten för att se dess nyanser.

Exportera

Paletter skapas på din enhet.

Varför använda Färgpalettsgenerator

100% gratis
Använd den så ofta du vill. Ingen registrering, ingen vattenstämpel, inget att installera.
Privat i sin design
Det du skriver stannar i din webbläsare och skickas aldrig till oss.
Fungerar på alla enheter
Körs i din webbläsare på Windows, Mac, Linux, Android och iPhone. Ingen app behövs.

Så använder du Färgpalettsgenerator

  1. Klicka på Generera palett, eller tryck på mellanslag, tills du ser färger du gillar.
  2. Klicka på Lås för en färg för att behålla den medan de andra ändras. Använd Redigera för att finjustera en färg med väljaren.
  3. För att börja från din egen färg, skriv in den under Bygg från en färg, välj en harmoni (analog, komplementär, delad komplementär, triadisk, tetradisk eller monokromatisk) och klicka på Tillämpa.
  4. Klicka på en färgs HEX-kod för att se dess 11 nyanser från 50 till 950. Klicka på en nyans för att kopiera den.
  5. Under Exportera väljer du CSS-variabler, Tailwind, JSON eller HEX-lista, och sedan Kopiera eller Ladda ner.

Vanliga frågor

Hur gör jag en färgpalett från en färg?

Skriv eller välj din färg under Bygg från en färg, välj en harmoni och klicka på Tillämpa. Du får fem färger som passar till den, och de färger du har låst ligger kvar som de är.

Vad är färgharmonier?

Uppsättningar av färger som väljs efter deras plats på färghjulet. Analoga färger ligger bredvid varandra, komplementära färger står mitt emot varandra, delat komplementära använder de två på var sida om motsatsen, triadiska fördelar tre nyanser jämnt, tetradiska använder fyra, och monokromatiska håller en nyans i olika ljushet.

Vilken harmoni ska jag välja?

Analoga och monokromatiska känns lugna och passar de flesta webbplatser och varumärken. Komplementära och triadiska ger starkare kontrast, vilket passar accenter, knappar och lekfulla designer.

Vad är nyanser och toner?

Mörkare och ljusare versioner av en färg. Nyansskalan har elva steg från 50 (ljusast) till 950 (mörkast) i samma nyans, på samma sätt som designsystem namnger dem.

Hur använder jag paletten i min kod?

Exportera den som CSS-variabler (--color-1 till --color-5), ett Tailwind @theme-block, en JSON-array eller en vanlig lista med HEX-koder, och kopiera den eller ladda ner den som fil.

Fungerar Tailwind-exporten med Tailwind CSS v4?

Ja. Det är ett @theme-block med --color-palette-100 till --color-palette-500, som Tailwind v4 gör om till klasser som bg-palette-100. För v3 kopierar du HEX-koderna till colors-avsnittet i din konfiguration.

Kan jag behålla vissa färger och ändra resten?

Ja. Lås de färger du vill behålla. Generera palett och Tillämpa ändrar bara de olåsta, och en slumpmässig palett byggs för att passa till din första låsta färg.

Laddas något upp?

Nej. Paletter görs på din enhet.

Är Färgpalettsgenerator gratis?

Ja. Det är gratis att använda, utan registrering och utan att något behöver installeras.

Hjälp och guider (på engelska)

Relaterade verktyg