CanDoYa
SV

Blanda färger online

Körs helt i din webbläsare - inget laddas upp, ingen registrering.

Välj två digitala färger och dra sedan reglaget för att styra blandningen.

50% A / 50% B
Blandad färgDigital sRGB-blandning
#9a7b8650% A / 50% B
HEX#9a7b86
RGBrgb(154, 123, 134)
HSLhsl(339, 13%, 54%)
CSS--mixed-color: #9a7b86;
Dela det här verktyget

Hur fungerar det att blanda färger online?

En färgblandare kombinerar två digitala färger i den proportion du väljer och visar den nya färgen direkt. Välj eller klistra in två HEX-värden, flytta reglaget och kopiera sedan resultatet som HEX, RGB, HSL eller en CSS-variabel. Hela beräkningen sker i webbläsaren.

Så använder du verktyget

  1. 1Välj två färger. Använd färgväljarna eller klistra in ett HEX-värde med 3 eller 6 tecken i fälten Färg A och Färg B.
  2. 2Ställ in proportionen. Dra reglaget mot A eller B. Förhandsvisningen och alla färgvärden uppdateras direkt.
  3. 3Kopiera resultatet. Kopiera den blandade färgen som HEX, RGB, HSL eller en färdig anpassad CSS-egenskap.

Vem passar det för

Färgblandaren räknar ut ett viktat medelvärde av de röda, gröna och blå kanalerna i två sRGB-färger. Vid 50% bidrar båda färgerna lika mycket. Flytta reglaget mot ena änden för att behålla mer av den färgen. Dina färger stannar på din enhet, och varje resultat går att klistra in direkt i en designfil eller stilmall.

Digital RGB-blandning skiljer sig från att blanda målarfärg. Pigment absorberar ljus och kan ge ett mörkare eller mindre mättat resultat. Här får du en exakt skärmfärg för webbplatser, gränssnitt och annat digitalt arbete.

Vanliga frågor

Är färgblandaren gratis?

Ja. Färgblandaren är gratis att använda utan konto, nedladdning eller begränsning. Välj två färger, justera proportionen och kopiera så många resultat du behöver.

Laddas mina färger upp någonstans?

Nej. Färgvärdena blandas med JavaScript i din webbläsare. Inget du skriver in skickas till en server, så du kan tryggt testa opublicerade profil- eller produktfärger.

Hur många färger kan jag blanda?

Du blandar två färger åt gången för att kunna styra förhållandet exakt. Om du vill lägga till en tredje färg kopierar du det första resultatet till ett inmatningsfält och blandar det med nästa färg.

Hur räknar färgblandaren ut resultatet?

Båda HEX-färgerna omvandlas till röda, gröna och blå kanalvärden. Den valda procenten används på varje kanal, bidragen läggs ihop och avrundas till närmaste heltal. Resultatet omvandlas sedan till HEX, RGB och HSL.

Visar den vad två målarfärger blir tillsammans?

Nej. Det här är en digital sRGB-blandare för färger på skärmar. Målarfärg bygger på subtraktiv pigmentblandning som påverkas av material, koncentration och ljus. En fysisk blandning kan därför bli mörkare eller få en annan nyans.

Kan jag blanda förkortade HEX-färger?

Ja. Du kan skriva ett värde med 3 tecken, till exempel #f06, eller 6 tecken, till exempel #ff0066, med eller utan inledande #. Det korta värdet utökas automatiskt till den vanliga formen med 6 tecken.