A színelmélet akadémiainak hangzik. A gyakorlatban ez egy kis eszköztár azon szabályokkal, amelyeket egy jó designer gondolkodás nélkül használ. Hét klasszikus harmonia lefedi a palettamunka 95%-át — mindegyik ismerete és tudása, hogy mikor kell használni, a különbség egy szándékosnak érzett és egy véletlenszerűnek érzett paletta között.

A kerék az iránytű

Minden harmonia szabály a 12 szeletből álló színkeréken meghatározott pozíciókat definiál. Kiválasztasz egy alapszínt, majd a szabály azt mondja meg, hol kell a kerékről a többit felvenni. A szabályok nem adják meg a telítettséget vagy a fényerőt — ezek a dimenziók az öné.

Komplementer (ellentétes árnyalatok)

Két szín közvetlenül a kerék másik oldalán: piros és cián, narancssárga és kék, lila és sárga. Maximális kontraszt. Akkor használják, amikor valamit ki szeretne emelni a háttérből — egy CTA gomb egy leszálló oldalon, egy kiemelés egy adatgrafikonon.

Csapda: teljes telítettségnél a komplementer párok kellemetlenül vibráló hatást keltenek. Csökkentsd az egyik telítettségét (desaturálás, világosítás vagy sötétítés) és használd a másikat kiemelésként.

Triádikus (három egyenlő távolságra)

Három árnyalat 120°-os intervallumokon: piros-sárga-kék, narancssárga-zöld-lila. Kiegyensúlyozott és energikus. Népszerű az illusztrációknál, gyermekek számára készült termékeknél, valamint olyan márkáknál, amelyek vibránsnak akarnak lenni anélkül, hogy elkeserítőek legyenek.

Csapda: ha mindhárom azonos telítettséggel van, versenyeznek a figyelemért. Válassz ki egyet, amely uralkodik (a dizájn 60%-a), egyet, amely támogat (30%), egyet pedig a kiemelésekhez (10%).

Analóg (szomszédos a kerékre)

Három-öt szomszédos árnyalat: sárga-sárgászöld-zöld vagy kék-kéklila-lila. A legcsendesebb harmonizálás — nincs konfliktus, mert nincs olyan szín, amely versenyzik egymással. A természeti jeleneteken (naplementék, erdők) szinte mindig analóg.

Csapda: az analóg paletta laposnak tűnhet. Adjon hozzá egy komplementer kiemelést (egy kis adag az Ön középső színének ellentéte) a kontrasztpontokhoz.

Split-komplementer (két közel-ellentétes)

Válassz egy alapszínt, majd vedd a két színt, amely a komplementeréhez szomszédos, ahelyett, hogy magát a komplementert venném. Lágyabb, mint a szigorú komplementer, de még mindig ütős. Jó alapértelmezett választás azoknak a designereknek, akik a szigorú komplementert túl agresszívnak találják.

Tetrádikus (két komplementer pár)

Négy árnyalat, amely egy téglalapot alkot a kerékre: például piros + zöld + narancssárga + kék. A leggazdagabb harmonizálás — sok sokféleség —, de a legnehezebb kiegyensúlyozni. A legjobb, ha az egyik szín uralkodik és a másik három támogató szerepet játszik.

Csapda: a tetrádikus palettákat könnyen kaosztikusnak olvashatják. Döntsd el, hogy melyik szín hordozza az azonosságot, és csökkentsd a másik hármat kisebb szerepekre.

Monokatomatikus (egy árnyalat, sok érték)

Egyetlen árnyalat változó telítettséggel és fényerővel. Maximum koherencia, nulla árnyalatkontraszt. Tökéletes a felületekhez, ahol azt szeretné, hogy a tartalom (fotók, tipográfia) vigye a vizuális érdeklődést, nem az UI chrome.

A legtöbb minimalista SaaS eszköz monokatomatikus — a márka egy kék, minden más szürkeskála.

Trending (a szabályok jó megtörése)

Egy hetedik mód, amelyet a Color Palette Generator-ban szereplő 177 kézzel felkészített közösségi palettába foglalunk a ColourLovers, Coolors és ipari designerek közül. Ezek a palettáik gyakran szándékosan megtörik a klasszikus szabályokat — azért működnek, mert a designernek konkrét kreatív szándéka volt —, és nagyszerű inspirációs forrás, amikor a tiszta elmélet túl biztonságosnak tűnik.

Mit válassz?

Szerkesztői, nyugodt, természetes → analóg.
Ütős, CTA, energia → komplementer vagy split-komplementer.
Vibráns márka, illusztráció → triádikus.
Gazdag szerkesztői, merész kampányok → tetrádikus.
Minimalista UI, fotóban gazdag → monokatomatikus.
Úgy érzed, hogy elakadtál → böngéssz a Trending-ben.

A szabályokon túl

Mind a hét harmonizálás figyelmen kívül hagyja két kritikus dimenziót: a kontrasztot (olvasható-e a szöveg ezen a háttéren?) és a szemantikus szín (a piros a nyugati felhasználói felületben veszélyt jelent, függetlenül az elmélettől). Mindig futtasd az utolsó palettádat a WCAG kontrasztellenőrzésén — a Color Palette Generator egy kattintásra mutatja az összes pár AA/AAA arányát — és ne válassz veszélyőrzési színt, mert a kerék azt mondja, hogy szép lehet.

A szabályok kiindulópontok, nem végpontok. Generálj öt palettát, kritizáld őket, állíts be. A jó palettákat az iteráció, nem egy véletlenszerű dobás hozza létre.

Színharmonia szabályok: Komplementer, Triádikus, Tetrádikus és mikor használjuk őket