It meitsjen fan in Webkleurenskema

01 of 10

Understanding Color and Web Color Schemes

Basiskleur - simmergiel. Image by J Kyrnin

Der binne fjouwer basysk kleurskema 's dy't jo kinne brûke foar in webside. Elke side fan dit artikel lit in foto sjen fan it kleurskema, en hoe jo in ferlykbere regeling yn Photoshop generearje kinne.

Alle kleurskema's sille dizze giel brûke as de basiskleur.

02 of 10

Monochromatysk webkleurenskema

Monochromatysk webkleurenskema. Image by J Kyrnin

Dit kleurskema brûkt it sardielgiel fan myn basiskleur en tafoegde wat wyt en swart ta toks en skodde de regeling dus.

Monochratyske kleurskema's binne faak de maklikste op 'e eagen fan alle kleurskema's. De sanlike wizigingen yn tint en skaad meitsje de kleuren inoar better yn. Brûk dit kleurskema om jo side te folle mear fluid te sammeljen en te sammeljen.

03 of 10

Mear Monochromatic Web Colour Scheme

Monochromatysk webkleurenskema. Image by J Kyrnin

Foare in fjild fan 20% swart om mear kleuren te krijen yn 'e regel. It tafoegjen fan swart of wyt nei jo kleuren kin in nije kleur oan jo palet meitsje sûnder de toan fan 'e side te ferwiderje.

04 of 10

Analogous Web Color-skema

Analogous Web Color-skema. Image by J Kyrnin

Dit kleurskema nimt de giele basiskleur en addt en subtraktet 30 graden nei de kleur yn 'e Photoshop kleurpalette.

Analoge kleuren kinne mei-inoar goed gearwurkje, mar soms kinne se slim fersteurdigje. Soargje dizze projekten te probearjen mei mear minsken as josels, jo famylje en freonen. Wannear't se wurkje, meitsje se in side dy't in kleurereer is as it monochromatyske skema, mar hast sa flak.

05 of 10

Mear analogous web kleurenskema

Analogous Web Color-skema. Image by J Kyrnin

Foare in fjild fan 20% swart om mear kleuren te krijen yn 'e regel.

06 of 10

Oanfoljende Webkleurenskema

Oanfoljende Webkleurenskema. Image by J Kyrnin

Komplekere kleurskema's, yn tsjinstelling ta oare kleurskema's, hawwe gewoanwei twa kleuren. De basiskleur en it is tsjinoersteld op it klearkad. Fotoboek makket it maklik om de komplementêre kleur te krijen - gewoanwei selektearje it gebiet fan kleur dat jo de komplement fan Ctrl-I ophelje wolle. Photoshop sil it foar jo ynvertiearje. Soargje derfoar om dat te dwaan op in dûbele lagen, dus jo ferlieze jo basiskleur.

Komplekse kleurskema's wurde faak mear opfallend as oare kleurekema's, dus brûke se mei soarch. Se wurde meast foarkommen op stikken dy't nedich wêze moatte.

07 of 10

Mear komplemintêr webkleurenskema

Oanfoljende Webkleurenskema. Image by J Kyrnin

Om dizze ferzje te krijen, haw ik 50% wyt oan 'e boaiem fan' e kleuren tafoege en 30% swart nei it middenplein. As jo ​​sjogge, jouwt jo in pear mear opsjes, mar it is noch in komplementêr kleurskema.

08 of 10

Triade Web-kleurenskema

Triade Web-kleurenskema. Image by J Kyrnin

Triadike kleurskema 's binne 3 kleuren mear of minder lykas krekt rûnom it kleurdad. Omdat in kleurkezel 360 graden is, haw ik de foarkar fan 'e kleurkeamer yn' e kleurferkiep brûkt om 120 graden fan 'e basiskleur te foegjen en te subtractearjen.

Triadyske kleurskema's makket faak tige fytsere websiden. Mar as komplementêre kleurskema 's kinne se ynfloed hawwe op minsken oars. Tink derom te testen.

Jo kinne ek tetradyske of 4-kleurere kleurskema oanmeitsje, wêrby't de kleuren lykwols krekt rûnte binne oer it klearkad.

09 of 10

Mear Triadic Web Colour Scheme

Triade Web-kleurenskema. Image by J Kyrnin

As mei de oare foarbylden haw ik in 30% swart fjild oanbean ta de kleuren om de ekstra skaden te krijen.

10 of 10

Unferwiderjende webkleurenskema

Unferwiderjende webkleurenskema. Image by J Kyrnin

Beauty is yn 'e eagen fan' e beskuldiger, mar it is in ûngelokkige feit dat net alle kleuren tegearre gean. Unkleurige kleuren binne kleuren dy't fierder binne as ûngefear 30 graden apart op it klearkad en binne net komplemintêr of in part fan in triad.

Unkordige kleurskema's kinne tige skokkich wêze en moatte allinich omtinken oanwize. Tink derom dat, om't dizze kleuren faak oansette, it oandacht dat jo krije miskien net krekt krekt wat jo sykje.