Färgblandningskalkylator

Flytta reglaget för att interpolera mellan två digitala färger.

Färgblandningskalkylator

Ett resultat i webbläsaren för planering och referens.

Färg AFärg B Blandningsförhållande

CSS / HEX

GUIDE

Vad du bör kontrollera innan du använder den

När detta verktyg är användbart

Använd detta för att hitta en mellanliggande UI-färg eller skapa ett övergångssteg mellan två tillstånd. Välj färgerna A och B och flytta sedan skjutreglaget för att ange hur mycket av B som ingår i resultatet.

Hur resultatet skapas

Verktyget interpolerar linjärt varje 0-255 sRGB-kanal och returnerar det resulterande RGB-värdet som HEX. Detta är en numerisk skärmfärgsblandning, inte pigmentblandning eller en gamma-korrigerad sammansättningsmodell.

Exempel och tolkning

Blanda #3366FF och #FF6655 med 50 procent för att få mittpunkten av deras tre kanaler. Klistra in den resulterande HEX i ett hover-läge och kör sedan en separat kontrastkontroll mot den faktiska bakgrunden.

Omfång och begränsningar

En designapp kan ge en annan mittpunkt när den använder ett annat färgrymd eller blandningsläge. Behandla inte detta resultat som en CMYK-, spot-färg-, opacitets- eller fysisk färgrecept.

Vanliga fragor

Hur flyttar jag en färg från färgblandningskalkylatorn till en annan app?

Använd kopieringsknappen under resultatet för att kopiera CSS-, HEX- eller HSL-text. Bekräfta att målappen tolkar samma färgformat.

Matchar en skärmfärg från färgblandningskalkylatorn utskriften?

Inte automatiskt. Emissiva RGB-skärmar samt reflekterande papper och bläck använder olika gamuts och blandningsmodeller, så utskriftsprofiler och provutskrifter behövs fortfarande.

Kan jag godkänna en design-token enbart från färgblandningskalkylatorn?

Använd den som ett förslag, och testa sedan den faktiska bakgrunden, mörkt läge, interaktionstillstånd och textkontrast innan du namnger och godkänner en token.