Színkeverés fényben és festékben: miért lesz ugyanabból a két színből más eredmény?
Interaktívan hasonlítsd össze az additív RGB fénykeverést és a fizikai festékek szubtraktív, RYB-alapú közelítését. Ugyanazt a két kiinduló színt keverd össze mindkét rendszerben.
Röviden
A fény additív módon keveredik: a különböző hullámhossz-tartományokból érkező fény összeadódik. A festék pigmentjei ezzel szemben fényt nyelnek el, ezért a fizikai keverés szubtraktív jellegű, gyakran sötétebb vagy tompább eredményt ad.
Keverd össze ugyanazt a két színt fényként és festékként
Ne csak nézd — manipuláld
A szín
Picker megnyitása ↗
B szín
Picker megnyitása ↗
Keverési arány
50% / 50%
FÉNY · ADDITÍV RGB
A kibocsátott fény összeadódik.
A kijelző és a színpad fényei additív módon működnek: minél több fényt adsz hozzá, annál világosabb lehet az eredmény. A demonstráció a fényerőt normalizálja, hogy a keverési irány könnyebben összehasonlítható legyen.
FESTÉK · SZUBTRAKTÍV RYB-KÖZELÍTÉS
A pigmentek több fényt nyelnek el.
Ez egy oktatási RYB-szimuláció, nem laborpontosságú festékjóslat. A valódi eredményt a konkrét pigmentek spektruma, fedőképessége, kötőanyaga és koncentrációja is megváltoztatja.
Miért lehet teljesen más az eredmény?
A fényforrások új fényt adnak a látott jelhez. A festék ezzel szemben a ráeső fehér fény egy részét elnyeli, és csak a maradékot veri vissza. Ezért például a sárga + kék fény fehérhez közelíthet, miközben sárga és kék festék hagyományos keverése zöldet adhat.
Ugyanaz a szó, két teljesen külön folyamat
Amikor egy kijelzőn két színt keversz, valójában kibocsátott fény intenzitásait kombinálod. Amikor két festéket összekeversz, pigmentrészecskéket teszel egymás mellé és egymásra, amelyek a rájuk eső fehér fény különböző részeit elnyelik. A két rendszer ezért nem ugyanazzal a matematikával működik.
Ez az oka annak, hogy a digitális RGB gondolkodást nem lehet egyszerűen átvinni a festőpalettára. Egy HEX kód a kijelző által kibocsátandó RGB jelet írja le, nem egy festékpigment teljes spektrális viselkedését.
A kijelző fényt termel. A festék a ráeső fényből vesz el.
Additív keverés: vörös, zöld és kék fény
Az RGB additív rendszerben a fekete a kiindulópont: nincs kibocsátott fény. Ahogy vörös, zöld és kék fényt adsz hozzá, az eredmény világosabbá válhat. Vörös és zöld fény együtt sárgát, zöld és kék ciánt, vörös és kék pedig magentát hozhat létre. Mindhárom megfelelő intenzitásban együtt fehérhez közelít.
A telefon, monitor és televízió képpontjai ezt az elvet használják. Egy pixel apró vörös, zöld és kék komponenseinek intenzitásából építi fel a színt, amit te egyetlen folyamatos árnyalatként érzékelsz.
Ha még nem világos, hogyan írja le ugyanezt a böngésző, előtte érdemes átnézni az RGB, HEX és HSL kapcsolatát.
Szubtraktív keverés: a pigment elnyeli a fényt
Festék, tinta és más pigmentált anyag esetén nem új fényt adsz hozzá. A pigmentek bizonyos hullámhosszakat erősebben nyelnek el, a maradék visszavert fény jut a szemedbe. Ha több pigmentet keversz, általában több tartományból veszel el fényt, ezért a keverék gyakran sötétebb, tompább vagy semlegesebb lesz.
Nyomtatásban a CMY/CMYK modell írja le ezt a logikát használhatóan. Festészetben történetileg gyakran RYB — red, yellow, blue — elsődleges színekkel tanítják a keverést. A modern pigmentek valós viselkedése ennél összetettebb, ezért az RYB jó oktatási modell, de nem teljes fizikai szimuláció.
A legjobb példa: sárga + kék
Sárga fény RGB értelemben vörös és zöld fény együtt. Ha ehhez kék fényt is hozzáadsz, mindhárom elsődleges fénykomponens jelen van, ezért megfelelő intenzitás mellett fehéret kapsz. Festéknél viszont a hagyományos sárga és kék pigmentkeverés zöld irányba tart, mert a két pigment eltérő hullámhosszakat nyel el és a közös visszavert tartomány zöldes maradhat.
Az interaktív keverőben válaszd a Sárga + kék presetet. Ez egyetlen mozdulattal megmutatja, miért veszélyes azt mondani, hogy két színnek általában van egyetlen 'keverési eredménye'. Először azt kell megmondanod: fényt vagy anyagot keversz?
Miért nem lehet egy HEX kódból pontos festékkeverést jósolni?
Két azonosnak látszó kék festék mögött teljesen más pigment lehet. Más lehet a spektrális visszaverésük, átlátszóságuk, fedőképességük, szemcseméretük és színezőerejük. Emiatt ugyanazzal a sárgával összekeverve eltérő zöldet adhatnak, még akkor is, ha külön-külön nagyon hasonló sRGB színre fotózhatók.
Az Academy festékes eredménye ezért szándékosan 'RYB-közelítés' néven jelenik meg. Arra jó, hogy a szubtraktív gondolkodást és a várható irányt megértsd. Arra nem, hogy egy konkrét tubus akril- vagy olajfesték receptjét laborpontossággal kiszámold.
Digitális színkód ≠ pigmentrecept. A valós festékkeveréshez a konkrét pigment tulajdonságai is kellenek.
Próbáld ki tudatosan, ne csak véletlenszerű színekkel
- Piros + zöld: figyeld meg, hogyan lesz fényben sárgás, festékes közelítésben viszont semlegesebb.
- Piros + kék: hasonlítsd össze az additív magentát és a festékes lila irányt.
- Sárga + kék: ez mutatja a leglátványosabban a fény és pigment eltérő logikáját.
- Mozgasd a keverési arányt is: az 50/50 csak egy állapot, a domináns kiinduló szín folyamatosan át tudja húzni maga felé az eredményt.
Ha a keverés után kész kombinációkat szeretnél látni, a színpaletta-gyűjteményben több színből álló rendszereket is vizsgálhatsz.
Konkrét árnyalatokat és kódokat a színek adatbázisában tudsz tovább böngészni.
A színkeverés nem ugyanaz, mint két CSS-réteg opacityvel egymásra tétele
Weben könnyű összekeverni három külön dolgot: két RGB szín matematikai interpolációját, két fényforrás additív összeadását és két áttetsző CSS-réteg kompozitálását. Ezek hasonló képet adhatnak bizonyos helyzetekben, de fizikailag és matematikailag nem ugyanazok.
Ha design toolban gradient közepét nézed, az interpoláció színterétől is függhet az eredmény. Ha két reflektort irányítasz ugyanarra a falra, fényenergiát adsz össze. Ha két félig áttetsző divet rétegzel, az alfa-kompozitálás sorrendje is számít.
Mindig nevezd meg, mit keversz: színértéket, fényt, áttetsző réteget vagy fizikai pigmentet.
Mit csinálnál ugyanezzel valódi festékkel?
Ha analóg festéssel dolgozol, kezdd kis mennyiséggel, és fokozatosan adagold az erősebb színezőerejű pigmentet. A digitális 50/50 csúszka nem jelenti azt, hogy térfogatban 1:1 festék mindig vizuálisan félúton lesz, mert két pigment színezőereje nagyon eltérhet.
Ez a különbség önmagában jó designlecke: a számérték nem mindig azonos a vizuális súllyal. Ugyanezt látod webdesignban is, ahol egy 5% területű nagyon telített accent erősebbnek tűnhet, mint egy sokkal nagyobb neutrális surface.
Gyakori kérdések
Miért lesz vörös és zöld fényből sárga?
Az emberi színérzékelésben a vörös és zöld csatornák egyidejű erős ingerlése sárga színérzetet hozhat létre. Az RGB additív rendszer ezért vörös és zöld fényből sárgát állít elő.
Miért nem ugyanazt kapom festékkel, mint a képernyőn?
A képernyő fényt bocsát ki, a festék pedig a ráeső fény egy részét elnyeli és a maradékot veri vissza. A két folyamat fizikailag más, ezért a keverési eredmény is más lehet.
Pontos a festékkeverő szimuláció?
Nem laborpontosságú. RYB-alapú oktatási közelítés, mert a pontos valós eredményhez ismerni kellene a konkrét pigmentek spektrális és anyagi tulajdonságait.
Gyakorold tovább
Használd a saját szín- és palettaeszközöket
Az elmélet akkor rögzül, amikor konkrét árnyalatokon és kombinációkon is kipróbálod. Ezek a kapcsolódó ByBence oldalak ugyanennek a tananyagnak a gyakorlati folytatásai.
Nyisd meg külön a teljes színkeverő eszközt
Két tetszőleges színt keverhetsz additív fényként és festékes RYB-közelítésben, külön eszközoldalon is.
→
Válassz két konkrét színt, majd próbáld ki őket a keverőben
A színadatbázisból kiindulva könnyebb tudatosan összehasonlítani rokon és távoli árnyalatokat.
→
Nézd meg, hogyan működnek a kevert árnyalatok kész palettákban
A két szín közti átmenet csak egy részlet; a végső döntést teljes palettában és UI-kontextusban hozd meg.
→
Források és további olvasnivaló
A webes színmodelleknél és accessibility részeknél szabványokra és elsődleges dokumentációra támaszkodj. A konkrét palettadöntéseket pedig mindig a saját felületeden, valódi komponenseken teszteld.