Farveblandingsberegner

Flyt skyderen for at interpolere mellem to digitale farver.

Farveblandingsberegner

Et resultat i browseren til planlægning og reference.

Farve AFarve B Blandingsforhold

CSS / HEX

GUIDE

Det skal du tjekke før brug

Hvornår er dette værktøj nyttigt

Brug dette til at finde en mellemliggende UI-farve eller bygge et overgangstrin mellem to tilstande. Vælg farverne A og B, og flyt derefter skyderen for at angive, hvor meget af B der indgår i resultatet.

Sådan bliver resultatet lavet

Værktøjet interpolerer lineært hver 0-255 sRGB-kanal og returnerer den resulterende RGB-værdi som HEX. Dette er en numerisk skærmfargemix, ikke pigmentblanding eller en gamma-korrekt kompositionsmodel.

Eksempel og fortolkning

Bland #3366FF og #FF6655 med 50 procent for at få midten af deres tre kanaler. Indsæt den resulterende HEX i en hover-tilstand, og kør derefter en separat kontrastkontrol mod den virkelige baggrund.

Omfang og begrænsninger

Et designværktøj kan give et andet midtpunkt, når det bruger en anden farverum eller blendemåde. Behandl ikke dette resultat som CMYK, spot-farve, gennemsigtighed eller fysisk malingopskrift.

Ofte stillede sporgsmal

Hvordan flytter jeg en farve fra farveblandingskalkulatoren til en anden app?

Brug kopieringsknappen under resultatet til at kopiere CSS-, HEX- eller HSL-tekst. Bekræft, at destinationsappen fortolker samme farveformat.

Matcher en skærmf ræg fra farveblandingskalkulatoren udskrift?

Ikke automatisk. Emissive RGB-skærme samt reflekterende papir og blæk bruger forskellige gamuts og blandingsmodeller, så udskriftsprofiler og proofs er stadig nødvendige.

Kan jeg godkende et design-token alene ud fra farveblandingskalkulatoren?

Brug den som kandidat, test derefter den faktiske baggrund, mørk tilstand, interaktionstilstande og tekstkontrast, før du navngiver og godkender et token.