Blanda en startfärg till en slutfärg i upp till 10 steg — förhandsgranska gradienten, ta alla nyanser och kopiera vilket format som helst direkt.

Startfärg
Slutfärg
Steg
Antal mellanliggande nyanser att generera (1–10).
Blandningsläge
Gradient
Blandad palett

Välj två färger och ett stegantal — varje nyans däremellan beräknas direkt i din webbläsare.


Om Färgblandare

Färgmixern blandar två färger med varandra och visar varje steg däremellan. Välj en startfärg och en slutfärg, ange hur många mellanliggande nyanser du vill ha — upp till tio — så beräknar verktyget hela övergången direkt, både som enskilda kulörer och som en mjuk gradientförhandsvisning.

Två blandningslägen styr hur mixen beräknas. RGB interpolerar varje kanal i en rak linje, vilket är förutsägbart och neutralt, medan HSL rör sig runt färghjulet och håller mellanstegen mer mättade och livfulla. Att byta plats på de två ändpunkterna eller slumpa fram nya färger görs med ett klick.

All blandning sker i din webbläsare utan någon server inblandad. Det är ett praktiskt sätt att svara på frågor som "vilken färg ligger mitt emellan blått och orange", att bygga stegvisa färgskalor för diagram, eller att hämta en CSS-gradient mellan två varumärkesfärger.

Så använder du Färgblandare

  1. Välj en startfärg och en slutfärg med väljarna, eller klicka på "Slumpmässiga färger".
  2. Ange antalet mellansteg, från 1 till 10.
  3. Välj blandningsläge: RGB för en linjär mix eller HSL för en nyansbevarande mix.
  4. Klicka på valfri nyans för att kopiera den, eller använd "Kopiera alla" för hela skalan.
  5. Använd "Kopiera CSS-gradient" för att hämta övergången som en färdig gradient att klistra in.

Vanliga frågor

Ja. Att blanda färger är gratis och obegränsat — verktyget körs helt i din webbläsare utan konto, krediter eller serverbearbetning.

RGB-blandning interpolerar de röda, gröna och blå kanalerna direkt, vilket kan passera genom grått när motstående nyanser blandas. HSL-blandning roterar istället runt färghjulet, så mellanstegen behåller sin mättnad och ser mer färgstarka ut.

Ange antalet steg till 1. Den enda mellanliggande nyansen är blandningens mittpunkt. Använd RGB-läge för det numeriska medelvärdet av de två färgerna, eller HSL-läge för den perceptuella mittpunkten längs nyanshjulet.

Ja — en stegvis blandning mellan två ändpunktsfärger är precis hur sekventiella färgskalor för diagram och värmekartor byggs upp. Generera stegen, klicka på "Kopiera alla" och klistra in värdena i din diagrambiblioteks färguppsättning.

Du kan generera från 1 till 10 mellanliggande nyanser, vilket tillsammans med start- och slutfärgen ger dig upp till 12 kulörer. Var och en kan kopieras individuellt i ditt föredragna format.


Populära sökningar
färgblandare blanda två färger mixa färger online färgblandningssteg gradient mellan färger verktyg för färgblandning
Behöver du hjälp?
Hittade du ett problem med det här verktyget? Berätta för oss.
Rapportera ett problem

Lägg till det här gratisverktyget på din egen webbplats — kopiera och klistra in koden nedan.