Krug boja. Cool kombinacija boja cheat sheet Program kotačića u boji

Dečki, uložili smo dušu u stranicu. Hvala na tome
za otkrivanje ove ljepote. Hvala na inspiraciji i naježim se.
Pridružite nam se na Facebook i U kontaktu s

Shema br. 1. Komplementarna kombinacija

Komplementarne, ili dodatne, kontrastne, su boje koje se nalaze na suprotnim stranama Itten kotača boja. Njihova kombinacija izgleda vrlo živahno i energično, posebno uz maksimalnu zasićenost boja.

Shema broj 2. Trijada - kombinacija 3 boje

Kombinacija 3 boje koje leže na istoj udaljenosti jedna od druge. Pruža visok kontrast uz održavanje sklada. Takav sastav izgleda prilično živo čak i kada se koriste blijede i nezasićene boje.

Shema broj 3. Slična kombinacija

Kombinacija od 2 do 5 boja smještenih jedna do druge na kotaču boja (idealno 2-3 boje). Dojam: smiren, opuštajući. Primjer kombinacije sličnih prigušenih boja: žuto-narančasta, žuta, žuto-zelena, zelena, plavo-zelena.

Shema br. 4. Zasebno-komplementarna kombinacija

Varijanta komplementarne kombinacije boja, samo umjesto suprotne boje, koriste se boje uz nju. Kombinacija glavne boje i dvije dodatne. Ova shema izgleda gotovo jednako kontrastna, ali ne tako napeta. Ako niste sigurni da možete ispravno koristiti komplementarne kombinacije, upotrijebite one odvojeno komplementarne.

Shema broj 5. Tetrad - kombinacija 4 boje

Shema boja u kojoj je jedna boja glavna, dvije komplementarne, a druga ističe naglaske. Primjer: plavo-zelena, plavo-ljubičasta, crveno-narančasta, žuto-narančasta.

Shema broj 6. Kvadrat

Kombinacije pojedinih boja

• Bijela: ide uz sve. Najbolja kombinacija s plavom, crvenom i crnom.
• Bež: s plavom, smeđom, smaragdnom, crnom, crvenom, bijelom.
• Siva: s fuksijom, crvenom, ljubičastom, ružičastom, plavom.
• Ružičasta: sa smeđom, bijelom, mint zelenom, maslinastom, sivom, tirkiznom, baby plavom.
• Fuksija (tamno ružičasta): sa sivom, smeđom, limetom, menta zelenom, smeđom.
• Crvena: sa žutom, bijelom, smeđom, zelenom, plavom i crnom.
• Rajčica crvena: plava, menta zelena, pješčana, kremasto bijela, siva.
• Trešnja crvena: azurna, siva, svijetlonarančasta, pješčana, blijedožuta, bež.
• Malina crvena: bijela, crna, damast ruža.
• Smeđa: svijetlo plava, krem, ružičasta, smeđa, zelena, bež.
• Svijetlo smeđa: blijedožuta, kremasto bijela, plava, zelena, ljubičasta, crvena.
• Tamno smeđa: limun žuta, nebesko plava, menta zelena, ljubičasto ružičasta, limeta.
• Crvenkasto smeđa: ružičasta, tamno smeđa, plava, zelena, ljubičasta.
• Narančasta: plava, plava, ljubičasta, ljubičasta, bijela, crna.
• Svijetlo narančasta: siva, smeđa, maslinasta.
• Tamno narančasta: blijedožuta, maslinasta, smeđa, trešnja.
• Žuta: plava, ljubičasta, svijetloplava, ljubičasta, siva, crna.
• Limun žuta: trešnja crvena, smeđa, plava, siva.
• Blijedožuta: fuksija, siva, smeđa, nijanse crvene, žute, plave, ljubičaste.
• Zlatno žuta: siva, smeđa, azurna, crvena, crna.
• Maslina: narančasta, svijetlosmeđa, smeđa.
• Zelena: zlatno smeđa, narančasta, zelena salata, žuta, smeđa, siva, krem, crna, kremasto bijela.
• Boja salate: smeđa, smeđa, smeđa, siva, tamno plava, crvena, siva.
• Tirkizna: fuksija, trešnja crvena, žuta, smeđa, krem, tamno ljubičasta.
• Električar je lijep u kombinaciji sa zlatno žutom, smeđom, svijetlo smeđom, sivom ili srebrnom.
• Plava: crvena, siva, smeđa, narančasta, ružičasta, bijela, žuta.
• Tamnoplava: svijetloljubičasta, nebeskoplava, žućkasto zelena, smeđa, siva, blijedožuta, narančasta, zelena, crvena, bijela.
• Lila: narančasta, ružičasta, tamnoljubičasta, maslinasta, siva, žuta, bijela.
• Tamno ljubičasta: zlatno smeđa, blijedožuta, siva, tirkizna, menta zelena, svijetlo narančasta.
• Crna je svestrana, elegantna, izgleda u svim kombinacijama, najbolje uz narančastu, ružičastu, salatu, bijela, crvena, lila ili žuta.

Boja se naširoko koristi u dizajnu - omogućuje vam da "oživite" sadržaj - da stvorite semantičku vezu između elemenata, ispunite rad emocijama i raspoloženjem. Dizajneri početnici biraju nasumične boje, ali postoje načini za smislenije korištenje boja. Razmotrimo 4 takve metode, organizirane prema principu od jednostavnog do složenog.

1. Koristite poznati raspon

Na web stranici brandcolors.net prikupljeno je više od 500 kombinacija boja poznatih brendova. Yandex, Google, Burger King koriste istu paletu u svim svojim proizvodima. Ove marke i njihove boje mnogima su poznate i omiljene. Upišite naziv u traku za pretraživanje ili se pomičite po stranici, kliknite na željenu marku i boju: njezin će kod biti kopiran u međuspremnik.

2. Odaberite gotovu profesionalnu paletu

Najlakši način je uzeti gotovu kombinaciju boja. Nije potrebno svaki put iznova izmišljati kotač, jer su skladne kombinacije poznate odavno. Idite na colordrop.io i odaberite. Na stranici postoje stotine profesionalnih paleta u 4 boje. Nakon što odaberete onu koju želite, kliknite i kopirajte kodove boja s ploče koja se otvara s desne strane.

Osim toga, usluga sadrži gotov izbor od 24 boje ravnog dizajna. Kliknite lijevo ispod naziva "Flat Colors" i uzmite šifru nijanse koja vam se sviđa.

3. Odredite paletu boja fotografije ili slike koja vam se sviđa

Ova metoda je malo teža. Ali i učinkovitiji.

• Na stranici coolors.co u gornjoj ploči s lijeve strane pronađite ikonu kamere, kliknite na nju. Otvorit će se prozor za učitavanje slike.
• Možete odabrati fotografiju ili sliku sa shemom boja koja vam se sviđa sa svog računala ili kopirati vezu u prazan stupac.
• Usluga će odrediti kombinaciju boja (ispod, ispod učitane slike).
• Pojedinačne boje ove palete možete promijeniti tako da ih označite i odaberete točku na fotografiji s koje želite uzeti boju.
• Gumb "Kolaž" sprema rezultirajuću paletu s kodovima boja na računalu.
• Gumb "Auto" generira nove kombinacije na temelju iste fotografije.
• Kliknite "U redu" i idite na glavnu stranicu web-mjesta za daljnji rad s paletom.

Glavna stranica stranice nije ništa manje funkcionalna. Ovdje možete pokupiti nijanse pojedinih boja ili sastaviti novu paletu zamjenom pojedinačnih boja.

4. Izradite vlastitu shemu boja na mreži

Učitavanjem fotografije na istu stranicu coolors.co, ne samo da možete odrediti kod boja, već i stvoriti vlastite kombinacije. Da biste to učinili, pritisnite razmaknicu - usluga automatski stvara kombinaciju od 5 boja.

Na svakoj boji 4 ikone gumba:

• Alternativne nijanse - Nijanse boja (tamnije i svjetlije),
• Povucite (pomaknite boju udesno ili ulijevo na paleti),
• Podesite (Podesite nijansu, zasićenost, svjetlinu, itd.),
• Zaključavanje (fiksna boja).

Odabir sheme boja za web stranicu jedan je od najvažnijih koraka u procesu dizajna. Odabir kombinacije boja prilično je složen i kreativan proces. Srećom, postoje mnoge usluge koje mogu pružiti značajnu podršku za donošenje pravog izbora.

Neki od resursa spomenutih u ovom pregledu omogućuju vam odabir između velikog broja gotovih shema boja, dok vam drugi omogućuju interaktivnu izradu vlastite sheme.

Kuler

Adobe Kuler sadrži veliku biblioteku unaprijed izrađenih shema boja. Dijagram možete pogledati na mreži i preuzeti ga za korištenje u proizvodima Adobe Creative Suite.

Color Lovers trenutno ima gotovo 2 milijuna korisničkih shema boja. Možete ih vidjeti poredane po datumu, ocjeni, broju pregleda.

ColoRotate ima biblioteku unaprijed izrađenih shema boja. Također možete izraditi vlastitu shemu s jedinstvenim 3D alatom. Shema boja može se koristiti izravno u Photoshopu i Fireworks pomoću dodatka ColoRotate.

Dizajner sheme boja omogućuje vam odabir vrste sheme boja (mono, komplementarna, trijada, tetrada, analogna). Zatim možete prilagoditi boje i vidjeti učinak sheme na primjeru.

ColorSchemer ima veliku biblioteku shema boja koje su kreirali korisnici. Možete ih sortirati prema datumu objave, ocjeni ili broju preuzimanja.

Pictaculous je jednostavan online alat za generiranje shema boja. Možete prenijeti sliku i usluga će generirati dijagram za korištenje sa slikom.

Boja Spire

Color Spire je usluga vrlo jednostavna za korištenje. Odaberete osnovnu boju i ona predlaže shemu boja. Izgled sheme možete vidjeti i na jednostavnom predlošku.

Boje igraju veliku ulogu u web dizajnu. Za ispravan odabir sheme boja za web-mjesto, postoje posebne usluge. Siguran sam da svaki web dizajner ima barem jednu u svojim oznakama.

Ponekad sjedite i razmišljate o tome koju nijansu plave odabrati kao glavnu za stranicu, malo svjetliju ili malo svjetliju, ili možda tamniju ... I još uvijek trebate pokupiti dodatne za to. Naravno, možete to učiniti na oko, ali bolje je koristiti jednu od posebnih usluga.

Neću govoriti o teoriji boja (ovo je preopsežna informacija), već ću jednostavno ovdje objaviti usluge koje imam u svojim bookmarkovima i koje koristim.

Prijatelj sam s ovim instrumentom dugi niz godina. Najprikladniji alat za biranje boja (po mom mišljenju). Ima mnogo dodatnih značajki. Na primjer, možete vidjeti primjer svijetle i tamne stranice s odabranim bojama.

Moguće je procijeniti kako će osobe s daltonizmom i drugim oštećenjima vida vidjeti vašu shemu boja. Možete odabrati boje sigurne na webu.

Adobe Kuler je drugi web alat koji često koristim. Izbor sheme boja je gotovo isti kao na prethodnoj stranici, ali ne volim ga zbog toga. Osim što možete sami izraditi sheme boja, možete pregledavati i koristiti sheme koje su izradili drugi ljudi.

Da biste to učinili, kliknite gumb u gornjem lijevom izborniku "Gledanje". I vidjet ćete galeriju svih vrsta kombinacija boja.

Ovaj alat je malo sličan Colorschemeu, ali ima manje značajki, ali je moguće vidjeti kako će blokovi boja izgledati.

Jedva koristim ovu stranicu, ali pošto je već imam u svojim oznakama, odlučio sam je dodati.

Sljedeće dvije stranice generiraju paletu od slike po vašem izboru. To je magija :)

Vi odaberete bilo koju sliku čije boje volite, servis je analizira i daje vam paletu boja. Ove dvije stranice razlikuju se samo po tome kako im pružiti sliku.

Ova stranica treba preuzimanje datoteka sliku s vašeg računala.

Vrlo zgodan birač boja. Na temelju principa „Sviđa mi se – Ne sviđa mi se“.

Kao što naziv govori, ovdje možete odabrati boje za sada trendi, ravni dizajn. Stranica je zanimljiva po tome što je odabirom palete možete preuzeti za programe Corel i Photoshop.

Drugi modni trend je dizajn materijala. Ova stranica pomaže u odabiru kombinacija boja za korisničko sučelje (UI). Osim toga, stranica ima veliki skup ikona.

I konačno, ponovno korisničko sučelje. Ovo je samo skup boja za dizajn korisničkog sučelja. Klikom na bilo koju boju možete vidjeti kako će se bijeli tekst čitati na određenoj pozadini.

Ovo su alati koje imam u svojim oznakama.

Napišite u komentarima koje stranice za podudaranje boja za web dizajn koristite?

Trebate web stranicu s pravim bojama? učinimo to :)

Pronašli ste grešku? Označite dio teksta i kliknite CTRL+ENTER

Predstavljamo koristan alat za odabir boja - Ittenov kotačić boja.

Što je?

Ukratko, riječ je o tri diska postavljena na istoj osi na čijim su površinama prikazane sve primarne boje svjetlosnog spektra, te najveći mogući broj nijansi i ljestvica kontrasta.

Međusobni raspored boja, nijansi, utora i pokazivača na krugu provodi se na temelju zakona "koloristika" (teorija boja), pa je uz njegovu pomoć vrlo prikladno odabrati skladne kombinacije nijansi gdje je to potrebno.

To jest, zapravo, to je "živa", materijalna varalica, koja prikazuje sve glavne sheme boja. "Uživo", jer se može podići, za razliku od slike na ekranu.

uređaj kotača u boji

Kupiti

Naravno, morate znati koristiti tako naizgled složen uređaj, pa na našoj web stranici ne samo da možete kupiti kotačić u boji, već se i detaljno upoznati s njegovim uređajem, pročitati upute kako ga koristiti, pogledati razne videozapise na ova tema.

Također preporučujemo da se upoznate s online uslugom za odabir boja u odjeći.

Krug za odabir kombinacija boja

Prethodnik ovog uređaja u njegovom modernom obliku je Itten prsten u boji (vidi sliku ispod).

Upravo je Johannes Itten prvi izdvojio točno dvanaest boja iz cijelog spektra i rasporedio ih po krugu na način da su parovi koji su međusobno što više kontrastni bili jedan nasuprot drugome. U središte je postavio trokut s tri osnovne boje - crvenom, plavom i žutom (od njih se sve ostale mogu dobiti miješanjem u različitim omjerima). Itten je ovaj trokut zatvorio u šesterokut, unutar kojeg je naznačio koje će se nijanse dobiti miješanjem primarnih boja u jednakim omjerima.

Odnosno, prva informativna poruka koju takav raspored nosi upućena je umjetnicima početnicima - oni mogu jasno vidjeti rezultate miješanja različitih boja.

Pogledajmo pobliže ovu točku.

Zašto postoji dvanaest osnovnih boja?

• Kao što možete vidjeti na slici, postoji tri primarni boje (koje se također nazivaju primarnim).
• Miješajući ih u parovima u jednakom omjeru, možete dobiti tri sekundarni, ukupno - šest.
• Smjesa primarni sa susjednim krugom sekundarni daje tercijarni Boja. Ispada još šest kombinacija, ukupno - dvanaest.(Također, tercijarne boje mogu se dobiti miješanjem primarnih boja u nejednakim omjerima)

Naravno, dvanaest boja nije dovoljno za navigaciju okolnom raznolikošću boja i pronalaženje željene nijanse ili vidjeti što se događa kada se miješaju ne susjedne, već potpuno proizvoljne boje. Stoga su oni krugovi koje možete pronaći za prodaju ili naručiti na ovim stranicama kompliciraniji i nose puno korisnije informacije od jednostavnog "Ittenovog dvanaestodijelnog prstena".

Vodič za miješanje boja

Pomoću njega možete odrediti rezultat miješanja proizvoljnih boja i nijansi - broj kombinacija dovoljan je da umjetnik shvati koje boje treba miješati da bi se dobila zadana nijansa. Ovo je prekrasna pomoć za crtanje, posebno za umjetnike početnike.

Čak i ako je nijansa malo drugačija od željene, željeni rezultat može se postići promjenom omjera pomiješanih boja.

Ali kako odrediti te iste omjere? Je li nasumično? Ne, kotačić boja također može pomoći u tome.

ljestvica zasićenja

Ova ljestvica se nalazi na istoj strani kao i vodič za miješanje jer dvije funkcije rade u tandemu.

Ljestvica zasićenja je gradacija sivih tonova od crne do bijele. Od sivih stanica različite svjetline predstavljene na ljestvici, uvijek možete pronaći sivu nijansu što je bliže moguće zasićenosti potrebnoj nijansi, nakon čega će postati jasno koliko trebate potamniti ili posvijetliti boju.

Kako biste vidjeli kako se to radi u praksi, pogledajte ovaj video:

Sheme kombinacija boja

Stražnja strana diska ne sadrži ništa manje korisne informacije, a možda čak i više - pomaže u odabiru kombinacija boja na temelju odabrane sheme.

Shema kombinacija boja je lik, u najjednostavnijem slučaju, linija koja povezuje "prikladne" boje jedna s drugom. Formulacija je vrlo nejasna, budući da je odabir kromatske ljestvice i znanost i umjetnost.

Prvo, sklad ili nesklad boja vrlo je subjektivan pojam. Kako se kaže, "za okus i boju nema prijatelja".

Drugo, jesu li "prikladni" ili "neprikladni" - sve ovisi o konkretnoj situaciji, raspoloženju, o tome što točno umjetnik ili dizajner želi reći, o stilu u kojem je ovaj rad napravljen, je li potrebno istaknuti bilo koji element, ili obrnuto - učinite ga nevidljivim.

Kotačić boja je alat na kojem možete vizualno prikazati sve glavne sheme boja, ali morate biti u mogućnosti koristiti ovaj alat. Morate sami znati ili barem osjetiti koja je shema najprikladnija za vaš zadatak. Sa svoje strane, pokušat ćemo na ovu stranicu staviti najviše korisnih informacija o tome kako koristiti kotačić boja (vidi odjeljak