Fargeblandingskalkulator

Flytt glidebryteren for å interpolere mellom to digitale farger.

Fargeblandingskalkulator

Et nettleserresultat for planlegging og referanse.

Farge AFarge B Blandingsforhold

CSS / HEX

GUIDE

Hva du bør sjekke før du bruker den

Når dette verktøyet er nyttig

Bruk dette for å finne en mellomliggende UI-farge eller lage et overgangstrinn mellom to tilstander. Velg fargene A og B, og flytt deretter skyvekontrollen for å angi hvor mye av B som inngår i resultatet.

Slik blir resultatet laget

Verktøyet interpolerer lineært hver 0-255 sRGB-kanal og returnerer den resulterende RGB-verdien som HEX. Dette er en numerisk skjermfargeblanding, ikke pigmentblanding eller en gamma-korrekt komposisjonsmodell.

Arbeids-eksempel og tolkning

Bland #3366FF og #FF6655 med 50 prosent for å få midtpunktet av de tre kanalene. Lim inn den resulterende HEX i en hover-state, og kjør deretter en separat kontrastsjekk mot den faktiske bakgrunnen.

Omfang og begrensninger

Et designprogram kan gi et annet midtpunkt når det bruker en annen fargeprofil eller blandingsmodus. Behandle ikke dette resultatet som CMYK, spot-color, opasitet eller fysisk malingsoppskrift.

Vanlige sporsmal

Hvordan flytter jeg en farge fra fargeblandingskalkulatoren til en annen app?

Bruk kopieringsknappen under resultatet for å kopiere CSS-, HEX- eller HSL-tekst. Bekreft at målappen tolker samme fargeformat.

Vil en skjermfarge fra fargeblandingskalkulatoren matche utskrift?

Ikke automatisk. Emissive RGB-skjermer og reflekterende papir og blekk bruker forskjellige gamuts og blandingsmodeller, så utskriftsprofiler og proofs er fortsatt nødvendig.

Kan jeg godkjenne et design-token bare med fargeblandingskalkulatoren?

Bruk den som en kandidat, og test deretter den faktiske bakgrunnen, mørk modus, interaksjonstilstander og tekstkontrast før du navngir og godkjenner et token.