Hoppa till innehåll

Färgblandare

Blanda två färger med justerbart förhållande. Se resultatet i HEX, RGB och HSL med gradientförhandsvisning och mellansteg. Gratis, 100 % i din webbläsare.

50%
Blandad färg
+
=
Gradient & steg

Hur fungerar färgblandning?

Detta verktyg använder RGB linjär interpolation för att blanda färger. Varje RGB-kanal (röd, grön, blå) blandas oberoende baserat på blandningsförhållandet. Vid 0 % får du Färg 1, vid 100 % får du Färg 2, och vid 50 % får du en jämn blandning. Detta är den standard additiva färgblandningsmodellen som används i digital design — den skiljer sig från subtraktiv blandning (som målarfärg) där blå + gul = grön.

Färgblandningsmodeller

Additiv (RGB) — används i skärmar och digital design. Röd + Grön = Gul, Röd + Blå = Magenta, Grön + Blå = Cyan. Detta verktyg använder additiv blandning. Subtraktiv (CMYK) — används vid tryck och målning. Cyan + Magenta = Blå, Cyan + Gul = Grön. HSL-blandning — interpolerar nyans, mättnad och ljushet separat, och ger ibland mer perceptuellt enhetliga resultat.

Vanliga användningsområden

Designsystem — skapa mellanfärger mellan varumärkesfärger. Gradienter — förhandsgranska gradientsteg innan du kodar dem i CSS. Teman — generera hover- och aktivlägesfärger genom att blanda med vitt eller svart. Datavisualisering — skapa färgskalor genom att blanda två ändpunktsfärger. Konst — experimentera med digitala färgkombinationer.

Integritet

Alla beräkningar körs 100 % i din webbläsare. Ingen data skickas till någon server.