Hopp til innhold

Fargeblander

Bland to farger med justerbart forhold. Se resultatet i HEX, RGB og HSL med gradientforhåndsvisning og mellomtrinn. Gratis, 100 % i nettleseren din.

50%
Blandet farge
+
=
Gradient og trinn

Hvordan fungerer fargeblanding?

Dette verktøyet bruker RGB lineær interpolasjon for å blande farger. Hver RGB-kanal (rød, grønn, blå) blandes uavhengig basert på blandingsforholdet. Ved 0 % får du Farge 1, ved 100 % får du Farge 2, og ved 50 % får du en lik blanding. Dette er den standard additive fargblandingsmodellen brukt i digital design — den skiller seg fra subtraktiv blanding (som maling) der blå + gul = grønn.

Fargblandingsmodeller

Additiv (RGB) — brukes i skjermer og digital design. Rød + Grønn = Gul, Rød + Blå = Magenta, Grønn + Blå = Cyan. Dette verktøyet bruker additiv blanding. Subtraktiv (CMYK) — brukes i utskrift og maling. Cyan + Magenta = Blå, Cyan + Gul = Grønn. HSL-blanding — interpolerer fargetone, metning og lyshet separat, og gir noen ganger mer perseptuelt enhetlige resultater.

Vanlige bruksområder

Designsystemer — lag mellomfarger mellom merkevarefarger. Gradienter — forhåndsvis gradienttrinn før du koder dem i CSS. Temaer — generer hover- og aktiv-tilstandsfarger ved å blande med hvit eller svart. Datavisualisering — lag fargeskalaer ved å blande to endepunktfarger. Kunst — eksperimenter med digitale fargekombinasjoner.

Personvern

Alle beregninger kjøres 100 % i nettleseren din. Ingen data sendes til noen server.