Fargeblander

Slik bruker du verktøyet

1. Velg de to fargene med velgerne, eller skriv inn hex-koder som #ffcc00 og #0044cc.
2. Velg blandemodus — RGB for lys, slik skjermer blander, eller Maling for den subtraktive tilnærmingen — og dra glideren for å angi andelen.
3. Inspect the blended colour: its hex and RGB values appear below, and the 11-step gradient shows every shade between the two inputs.

Om dette verktøyet

To farger kan blandes på to helt forskjellige måter, og dette verktøyet viser begge. Skjermer blander lys: de legger rødt, grønt og blått sammen, og derfor gir rødt pluss grønt lys gult, og derfor er hver farge på denne siden til syvende og sist en RGB-trippel. Maling blander motsatt vei: hvert pigment trekker bølgelengder fra det hvite lyset som treffer det, og derfor er skolesvaret på «gult pluss blått» grønt, og derfor gir de samme to fargene blandet som lys en nøytral grå i stedet. Å velge feil tankemodell er den vanligste grunnen til at en blandet farge blir uventet grumsete eller uventet blek.

RGB-modusen gjør nøyaktig det den sier: den interpolerer hver av de tre kanalene lineært mellom de to fargene, i det samme sRGB-rommet som CSS-en og designverktøyene dine bruker, så 50 % mellom #ff0000 og #0000ff er #800080. Maling-modusen konverterer først begge fargene til RYB-rommet fra kunstnerens fargesirkel, interpolerer der, og konverterer resultatet tilbake til RGB — det er den konverteringen som gjør at gult og blått møtes i grønt. Vær klar over hva den modusen er og ikke er: ekte pigmentblanding styres av absorpsjon og spredning (Kubelka-Munk-modellen) og avhenger av dekkevne, partikkelstørrelse og bindemiddel, så ingen lineær formel gjenskaper den. Maling-modusen er en tro modell av fargesirkelen, ikke en simulering av virkelig maling.

Skalaen på 11 trinn under resultatet er ofte mer nyttig enn den enkelte blandede fargen: den gir deg hele overgangen fra den ene fargen til den andre i steg på 10 %, klar til bruk som gradientstopp, som mellomtilstander mellom to merkevarefarger, eller som trinnene i en sekvensiell diagrampalett. Klikk på en rute for å kopiere hex-koden. Alt — konverteringene, interpolasjonen og hele skalaen — beregnes 100 % i nettleseren din med vanlig JavaScript; ingen farge du skriver inn sendes noen gang noe sted.

Ofte stilte spørsmål