Monokromatski model.
Zasniva se na nijansama jedne boje i koristi isključivo varijacije u zasićenosti (saturation) i svjetloći (brightness).
Rezultat je ugodan za oči čak i ako se koriste agresivne boje. Nedostatak monokromatskog modela je da se teže uočavaju diskretne varijacije u nijansama.
Monokromatske variacije možete naći za svaku boju i nijansu i u ostalim shemama.
Komplementarni (kontrastni) model.
Primarnoj boji pridružena je komplementarna boja (na dijametralno suprotnoj strani kružnog spektra). U paru su uvijek jedna topla i jedna hladna boja. Odaberite koja će boja dominirati i shodno tome odlučite hoće li dizajn izgledati toplije ili hladnije.
U pravilu, sa komplementarnim bojama ne valja pretjerivati. Koristite ih pažljivo i sporadično. Komplementarne boje korisne su za privlačenje pažnje (fokusiranje) na pojedine elemente dizajna međutim, previše komplementarne boje lako može odvući pažnju od cjelokupne kolor sheme i unijeti vizualnu kakofoniju.
Trijadni (meki kontrast) model.
Primarnoj boji pridružene su dvije komplementarne boje smještene identično na dvije strane kružnog spektra. Kontrast je mekši, ugodniji za oči i postoji više mogućnosti za balansiranje hladnih i toplih boja.
Možete i proizvoljno odrediti udaljenost među komplementarnim bojama (komplementima). Manji kut rezultirat će sličnijim sekundarnim bojama. Za optimalne rezultate, kut bi trebao biti između 15° i 60°. Točan kut od 60° napravit će posebnu kolor shemu - trijadu.
Trijada se sastoji od tri boje međusobno jednako raspoređene unutar kružnog spektra (120°). Trijadne kombinacije su vibrantne, energične i imaju velike mogućnosti za kontraste, naglašavanje sitnih detalja kao i za reguliranje omjera nijansi toplih i hladnih boja.
Tetradni (dvostruki kontrast) model.
Kombinacija para boja i njihovih komplemenata. Zasniva se na
Tetradama – četiri boje jednako raspoređene na četiri strane kružnog spektra (90°). Tetrade su veoma
agresivne kombinacije boja, i zahtijevaju pažljivo planiranje, senzitivan pristup i, prije svega, istančan osjećaj za boje.
Možete i proizvoljno odrediti udaljenost među bojama. Manja udaljenost (blaži kut) rezultirat će manjom tenzijom u konačnici. Unatoč tome, uvijek imajte na umu da su tetrade u pravilu "nervoznije" od ostalih kombinacija boja. Pristupite im sa senzibilitetom i respektom :)
Analogni model.
Primarnoj boji pridružene su dvije suprotne boje - identično sa obje strane. Analogni model jamči eleganciju i čistoću, manje tenzije i uvijek pravilno raspoređenu toplinu i hladnoću boja. Ako odaberete boju koja je na toplo-hladnoj granici spektra, boja suprotne "temperature" u pravilu je uvijek idealna za naglašavanje ostale dvije boje.
Možete i proizvoljno odrediti udaljenost među suprotnim (sekundarnim) bojama a kut ne bi trebao biti veći od 60°.
Naglašeni analogni model.
Analogni model sa pridruženom komplementarnom (kontrastnom) bojom. Tretirajte je upravo tako - kao komplement. Daje dodatnu tenziju paleti a može biti preagresivna ako pretjerate. Ako je koristite suptilno, za naglašavanje detalja, učinak može biti izuzetno efektan i elegantan.
Nijanse. Kružni spektar boja (Color Wheel). Podesite nijanse primarnih, sekundarnih i komplementarnih boja.
Prilagodite shemu. Prilagodite svjetlinu kontrast i zasićenje (saturation) boja ručno ili odaberite neku od predefiniranih opcija iz padajućeg izbornika.
Lista boja. Prikažite vrijednosti i nijanse boja aktualne kolor sheme i eksportirajte ih u različitim formatima po izboru.
Primarna nijansa. Kliknite i vucite kružić po spektru kako bi promijenili nijansu. Kliknite dva puta kako bi upisali brojčanu vrijednost kuta.
Komplementarna nijansa. Kliknite i vucite kružić po spektru kako bi promijenili nijansu. Kliknite dva puta kako bi upisali brojčanu vrijednost kuta.
Sekundarna nijansa. Kliknite i vucite kružić bliže ili dalje od primarne boje kako bi promijenili kut/udaljenost. Kliknite dva puta kako bi upisali brojčanu vrijednost kuta.
Sekundarna nijansa. Kliknite i vucite kružić bliže ili dalje od primarne boje kako bi promijenili kut/udaljenost. Kliknite dva puta kako bi upisali brojčanu vrijednost kuta.
Primarna nijansa. Klikom upišite brojčanu vrijednost.
Sekundarna nijansa kut/udaljenost. Klikom upišite brojčanu vrijednost. Primjenjivo samo na kombinacije koje koriste sekundarne nijanse.
RGB (Red Green and Blue) vrijednost primarne boje. Klikom upišite brojčanu vrijednost.
Upozorenje: RGB vrijednost može se neznatno razlikovati zbog načina konverzije.
RGB (Red Green and Blue) vrijednost primarne boje.
Scheme Presets. Odaberite neku od već predefiniranih kombinacija svjetline, zasićenja (saturation) i kontrasta i primjenite je na postojeću kolor shemu.
Svjetlina i zasićenje (saturation). Kliknite i vucite kružić po podlozi kako bi promijenili svjetlinu (gore-svjetlije, dolje-tamnije) i zasićenje (desno-jače, lijevo-slabije).
Kontrast. Kliknite i vucite kružić po podlozi kako bi podesili kontrast (gore-dolje za tamnije varijante - lijevo-desno za svijetlije).
Contrast. Podesite svjetlinu i zasićenje (saturation) svih nijansi odjednom u trenutnoj kolor shemi.
Podesi varijante. Podesite svjetlinu i zasićenje (saturation) pojedinačno za svaku nijansu.
Lista kolor varijacija. Kliknite i selektirajte bilo koju od kolor varijanti sa liste, zatim na lijevom kvadratu podesite svjetloću i zasićenje (saturation).
Eksportiraj kao tekst. Eksportirajte kolor shemu kao tekst za kopi-pejst opciju ili ako npr. želite nekome poslati vrijednosti boja e-mailom i sl.
Export HTML+CSS. Eksportirajte kolor shemu kao HTML tablicu sa
CSS stylesheet-om. Možete i sejvati HTML file za kasniju uporabu.
Eksportiraj XML. Eksportirajte kolor shemu kao XML.
Eksporiraj ACO. Eksportirajte kolor shemu kao Photoshop color
palette. Sejvajte fajl i importirajte ga u Photoshop, Fireworks ili bilo koju drugu aplikaciju koja podržava ovaj format.
Eksportiraj GPL. Eksportirajte kolor shemu kao GIMP color palette.
Sejvajte fajl i importirajte ga u GIMP editor.
Shematska kolor paleta. Samo četiri glavne boje kako bi se lakše odredio "feeling" trenutne kolor sheme.
Link na kolor shemu. Svaka kolor kombinacija ima jedinstveni ID. Koristite ovaj link za bookmarkiranje aktualne kolor sheme ili kako bi je poslali nekom drugom.
Pregled kolor sheme. Pogledajte kako odabrane boje i njihove varijacije funkcioniraju zajedno.
Pregled palete. Pogledajte kako odabrane boje i njihove varijacije funkcioniraju zajedno.
Primjer funkcionalne Web stranice (svjetlija opcija). Pogledajte kako izgleda Web stranica u kolor kombinaciji koju ste odabrali. Ovo je samo jedan od primjera. Kombinacije boja mogu se koristiti u stotinama varijacija.
Primjer funkcionalne Web stranice (tamnija opcija). Pogledajte kako izgleda Web stranica u kolor kombinaciji koju ste odabrali. Ovo je samo jedan od primjera. Kombinacije boja mogu se koristiti u stotinama varijacija.
Primjer sa tekstom. Označite kako bi prikazali gornji primjer sa tekstom (crni, bijeli i 50% sive).
"Color-blind" preview. Pogledajte kako ljudi sa najčešćim smetnjama u vidu vide ovu kombinaciju boja.
Prikaži tooltips. Pomičite kurzor po stranici kako bi saznali dodatne informacije.
UI speed (frames per second). Indicates the response
speed of your graphic interface. The higher value, the better. Low
values appear on slower computers. With lower values (5–10 or less) use
the mouse controls with patience and drag them slowly.
Randomize. Click to create random palette according
to the randomize settings.
Randomize settings. Click to set up what parameters
should be randomized.
Donate. Are you satisfied with this free application?
Send a donation to the author via the PayPal Secure Payments.