Blanda färger
Blanda 2 eller 3 färger i valfri proportion, som färg eller ljus, eller skapa en övergång i upp till 10 steg mellan två färger. Kopiera HEX, RGB, HSL, CMYK.
Välj 2 eller 3 färger och ange hur mycket av varje som ska ingå: den blandade färgen beräknas direkt i din webbläsare. Klicka på resultatet eller valfritt värde för att kopiera det.
Välj två färger och ett stegantal: varje nyans däremellan beräknas direkt i din webbläsare.
Om Blanda färger
Färgmixern visar vilken färg du får när du blandar två eller tre färger. Välj dina färger, ange hur mycket av varje som ska ingå i mixen, så visas den blandade färgen direkt med sina HEX-, RGB-, HSL- och CMYK-värden, tillsammans med en receptrad som visar varje färgs andel.
Tre blandningsmodeller svarar på olika frågor. Färg blandar som riktiga pigment, så blått och gult ger grönt och lite svart räcker långt. Ljus tar medelvärdet av färgerna som skärmar och färgat ljus blandar dem, så rött och grönt ger gult. Perceptuell tar medelvärdet i OKLab-rymden som CSS color-mix() använder, för mjuka och jämna resultat i gränssnitts- och designarbete.
En andra vy, Blandningssteg, tonar en startfärg till en slutfärg över upp till tio mellanliggande nyanser, i RGB eller HSL, med en gradientförhandsvisning och en färdig CSS-gradient att klistra in. Allt körs i din webbläsare utan server.
Så använder du Blanda färger
- Öppna vyn "Blanda färger" och välj två färger, eller lägg till en tredje med "Lägg till en färg".
- Ange mängden av varje färg: procenttalet bredvid visar dess andel av mixen.
- Välj blandningsmodell: Färg, Ljus eller Perceptuell.
- Klicka på den blandade färgen eller något av dess värden för att kopiera, eller använd "Kopiera recept" för att spara proportionerna.
- Byt till "Blandningssteg" för att bygga en gradient med upp till 10 nyanser mellan två färger.