Izbor nijanse. Varalica s hladnom kombinacijom boja. Kombinacije pojedinih boja

Profesionalni web dizajn nije potpun bez izrade sheme boja. Ovaj članak govori o 20 fantastičnih alata koji će vam pomoći da postignete savršeno podudaranje boja.

Na World Wide Webu postoje mnogi alati za postizanje nirvane boja. Čini se da su potpuno drugačiji, ali mnogi od njih su samo modificirane verzije popularnijih i korisnijih alata.

Stoga, kako bi se pojednostavio proces odabira rješenje u boji, zaokružili smo 20 najboljih dostupnih alata. Oni će vam pomoći da se ne izgubite u potrazi. prikladna opcija i osjetite "blaženstvo boje"

01. Kuler

Kuler je možda najpoznatiji alat za boje.

Adobe Kuler je nedvojbeno najpopularniji online alat za teme u boji koji je nestao jednostavan alat za rad s bojom na webu u punopravni resurs na kojem možete stvarati teme i dijeliti ih s drugima. Dodaci su dostupni za sve glavne Adobe aplikacije, uključujući Photoshop, Illustrator i InDesign, što Kuler čini izvrsnim alatom prepunim značajki za redovite korisnike Creative Suite-a.

02. ColorExplorer

ColorExplorer može obavljati mnogo različitih funkcija.

Možemo reći da je ovo jedan od najpromišljenijih alata koji postoje na Internetu. Nudi velik skup alata za dizajn, prilagodbu i analizu vaših paleta boja. Na primjer, alati koji pomažu u određivanju pristupačnosti WCAG birač boja, alati za pretvorbu koji vam omogućuju kretanje između različitim sustavima, plus sve što vam je potrebno za odabir boja i izradu paleta.

03. Boje na webu

Boje na webu pokreće Flash.

Colors on the Web učitava čvrste HEX ili RGB boje i proizvodi skup shema na temelju različitih matematičkih proporcija. Ovaj alat ne radi na iPadu ili iPhoneu jer koristi Flash za pokretanje programa.

04. Ljubitelji BOJA

COLOURlovers je nešto poput Pinteresta za boje

05. Slikovito

Pictaculous vam omogućuje učitavanje slike i generiranje sheme boja na temelju nje.

Ovaj alat kreatora MailChimpa omogućit će vam učitavanje slike i stvaranje sheme boja na temelju vlastitih boja. Kompatibilan je s nekim drugim instrumentima kao što su Kuler i Colourlovers. Pictaculous ima zgodan Adobe Swatch za učitavanje tema, što olakšava "hvatanje boja" koje su vam potrebne da dovršite svoju fotografiju.

06. Kontrast-A

Contrast-A stvara imitaciju raznih vizualnih nedostataka.

Nije baš zajednički alat za sheme boja. Osmišljen je kako bi bio siguran da ste stvorili shemu boja usklađenu s WCAG-om, a to se postiže pregledom razina kontrasta i korištenjem tehnike simulacije nedostatka percepcije boja i slabe vidljivosti. Contrast-A ima mnogo poveznica na priručnike koji sve objašnjavaju na jednostavniji način od samog dokumenta sa specifikacijama.

07. ColoRotate

ColoRotate se može pohvaliti prekrasnom vizualizacijom "kotača boja".

ColoRotate ima slične značajke kao Kuler, ali se razlikuje po prikazu palete na prekrasnom 3D konusu i mogućnosti generiranja više od 5 boja u jednoj shemi. Alat se može integrirati s nekim Creative Suite aplikacijama. Također je dostupna kao aplikacija za iPad i može raditi s Photoshopom u načinu rada konzole u boji.

08. Heksadecimalni generator sheme boja

HEX stvara boje koje dobro funkcioniraju s postojećom shemom boja.

HEX je mali zgodan alat za generiranje boja. Samo unesite kod boje i prikazat će se niz lijepih boja koje će se savršeno upariti s vašim osnovnim bojama.

09. Dizajner sheme boja

Dizajner sheme boja ima ih nekoliko zanimljive načine stvaranje tema u boji.

Ovaj online alat ima slične značajke kao Adobe Kuler. Ali hvala zanimljivi trikovi za stvaranje tema boja, omogućuje odabir parametara svjetline/zasićenosti i kontrasta iz svojstava sheme, umjesto "petljanja" s pojedinačnim bojama koje čine temu. Color Scheme Designer omogućuje pristup skupu standardnih matematičkih metoda, uključujući mogućnost usklađivanja sheme boja dizajna za jedan (mono), dva (upotpuniti, dopuna), tri (trijada) ili četiri (tetrada) boje s nijansama i polutonovima.

10. COPASO

COPASO je izvrstan alat za rješavanje više problema odjednom.

Jedan od alata web stranice Ljubitelji BOJA, COPASO zaslužuje posebna pažnja, kako vam omogućuje istovremeno rješavanje mnogih problema pri stvaranju paleta. Omogućuje kompletan skup alata za odabir boja u jednostavnom sučelju. Omogućuje vam označavanje paleta, učitavanje slika, izravno skakanje na CMYK veze i odabir načina stvaranja sheme boja.

11. Colormod

Widget za radnu površinu Colourmod pomaže vam da jednostavno odaberete i definirate boje.

Colourmod je desktop alat koji vam omogućuje da jednostavno odaberete jednu od boja u zoni gdje se nalaze widgeti, čak i ako radite s Dashboardom za MacBook ili Konfabulatorom za Windows. Sam Colourmod nije alat za odabir palete, ali se ipak može koristiti za odabir i definiranje boje. U tom slučaju ne morate pokretati druge teže programe.

12. ColorZilla

ColorZilla radi u Chromeu i Firefoxu.

Ova je aplikacija izvorno razvijena kao dodatak za Firefox, ali se također može koristiti u pregledniku Google Chrome. ColorZilla je proširenje koje ima tonu razni alati za rad s bojom, uključujući: birač boja, kapaljku, stvaranje css gradijenta i pregledavanje palete.

13. Colormunki

Colormunki vam omogućuje stvaranje sheme boja na temelju Pantone uzoraka.

Zgodan online alat koji su predstavili kreatori Colormunkija za kalibraciju boja. Na mreži možete izraditi palete na temelju Pantone uzoraka boja i koristiti se različitim trikovima za pronalaženje ugodnih kombinacija.

14.colr.org

Uz Colr.org možete vidjeti Shema boja vaše slike.

Ovaj jednostavan alat pruža jedinstvenu priliku za analizu sheme boja slike (u drugim programima ova se funkcija izvodi automatski). Na taj način možete vidjeti od kojih se boja sastoji vaša slika i odabrati one koje želite da ih postavite kao glavne boje teme.

15. Boja Grab

ColourGrab je izvrstan generator sheme boja kompaktne slike.

Ovaj praktični alat stvara paleta boja na temelju bilo koje slike na internetu. Samo unesite adresu slike koju želite analizirati, stranica će je "zgrabiti", odrediti njezinu shemu boja i stvoriti jednostavan 3D dijagram koji će odražavati upotrebu različite boje za ovu sliku. Neka bude i ne najviše najbolja opcija za standardne teme, ali ColourGrab je izvrstan za analizu distribucije boja na slikama.

16 Mješalica boja

ColorBlender stvara skup od pet boja koje se dobro stapaju.

Ova je stranica jednostavan alat koji vam omogućuje stvaranje uzorka slike, podešavanje boja i praćenje u stvarnom vremenu odabira skupa od 5 savršeno usklađenih boja. Palete se mogu preuzeti izravno u Photoshop ili Illustrator kao EPS datoteka.

17. Sivi Bit

GrayBit ​​vam omogućuje da analizirate web mjesto kako biste vidjeli kako izgleda u sivim tonovima.

Ovaj praktični alat ne usklađuje izravno teme boja, ali vam omogućuje da analizirate svoje web mjesto kako biste vidjeli kako izgleda kada je u sivim tonovima. To će vam pomoći da provjerite jeste li postigli dovoljan kontrast u paleti boja da bude lako čitljiva.

18. HLADNO

COLRD je savršen za dijeljenje vaših shema boja i učenje o novima.

Ova šarena stranica izvrstan je izvor inspiracije, gdje korisnici dijele svoje palete boja, kao i gradijente i slike. Ovo nije samo web stranica sa shemom boja, već gozba za osjećaj za estetiku, i vrijedi je svratiti zbog nekoliko nevjerojatnih otkrića.

19. Lovac na boje

Colour Hunter je odlično mjesto za pronalaženje novih boja.

Color Hunter vam pomaže da brzo uskladite shemu boja učitanih slika traženjem odgovarajuće oznake ili korištenjem HEX poveznica. Brzo i jednostavno za korištenje, web mjesto omogućuje zanimljiva otkrića boja.

20. Strip Generator 2.0

Stripe Generator 2.0 pomaže privući pozornost na vaše sheme boja.

Često se naziva "najnovijim alatom za web 2.0". Stripe Generator 2.0 dobar lijek stvoriti ugodne kombinacije boja i neobične slike u isto vrijeme.

Odabir sheme boja za web mjesto jedan je od važne točke u procesu projektiranja. Odabir kombinacije boja prilično je složen i kreativan proces. Srećom, postoje mnoge usluge koje mogu pružiti značajnu podršku pri donošenju pravog izbora.

Neki od resursa spomenutih u ovom pregledu nude izbor veliki broj gotove sheme boja, dok druge omogućuju interaktivnu izradu vlastite sheme.

Kuler

Adobe Kuler sadrži velika knjižnica gotove sheme boja. Dijagram možete pogledati online i preuzeti ga za korištenje u proizvodima Adobe Creative Suite.

Color Lovers trenutno ima gotovo 2 milijuna shema boja koje su izradili korisnici. Možete ih pregledati poredane po datumu, ocjeni, broju pregleda.

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

Dizajner sheme boja omogućuje odabir vrste sheme boja (mono, komplementarna, trijada, tetrada, analogna). Tada će biti moguće prilagoditi boje i vidjeti učinak sheme na primjeru.

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

Pictaculous je jednostavan online alat za generiranje sheme boja. Možete prenijeti sliku i usluga će generirati dijagram koji će se koristiti sa slikom.

Toranj u boji

Color Spire usluga je vrlo jednostavna za korištenje. Vi odaberete osnovnu boju i ona predlaže shemu boja. Također možete vidjeti izgled sheme na jednostavnom predlošku.

Predstavljamo koristan alat za izbor boja krug boja Itten.

Što je?

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

Međusobni raspored boja, nijansi, utora i pokazivača na krugu provodi se na temelju zakona "koloristika" (teorija boja), pa je vrlo zgodno koristiti ga za odabir skladne kombinacije nijanse gdje je 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 boja

Kupiti

Naravno, na prvi pogled složeni uređaj morate ga znati koristiti, stoga na našoj web stranici možete ne samo kupiti kotačić u boji, već se i detaljno upoznati s njegovim uređajem, pročitati upute o tome kako ga koristiti, pogledati razne videozapise na ovu temu.

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

Krug za odabir kombinacije boja

Prethodnik ovog uređaja u svom moderni oblik je Ittenov prsten u boji (vidi sliku dolje).

Upravo je Johannes Itten prvi izdvojio točno dvanaest boja iz čitavog spektra i poredao ih u krug na način da parovi koji su međusobno što više kontrastni budu jedni nasuprot drugima. U središte je postavio trokut s tri osnovne boje - crvenom, plavom i žutom (od njih možete dobiti sve ostale miješanjem različite proporcije). 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 vidite na slici, postoji tri primarni boje (koje se nazivaju i primarnima).
• 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 se mogu 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 u prodaji ili naručiti na ovim stranicama kompliciraniji i nose puno više korisna informacija nego jednostavan "dvanaestodijelni Ittenov prsten".

Vodič za miješanje boja

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

Čak i ako se nijansa malo razlikuje od željene, željeni rezultat može se postići promjenom omjera miješanih boja.

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

skala zasićenja

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

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

Da vidite kako se to radi u praksi, pogledajte ovaj video:

Sheme kombinacija boja

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

Shema kombinacije boja- ovo je figura, 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 tome konkretna situacija, raspoloženje, na ono što točno umjetnik ili dizajner želi reći, na stil u kojem ovaj posao, bilo da trebate istaknuti bilo koji element, ili obrnuto - učiniti ga nevidljivim.

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

Boje igraju veliku ulogu u web dizajnu. Da biste pravilno odabrali shemu 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 mjesto, malo svjetliju ili malo svjetliju, ili možda tamniju ... I još uvijek trebate odabrati dodatne za nju. Naravno, to možete učiniti okom, ali bolje je koristiti jednu od posebnih usluga.

Neću govoriti o teoriji boja (ovo je preopširna informacija), već ću jednostavno ovdje objaviti usluge koje imam u bookmarkovima i koje koristim.

Prijatelj sam s ovim instrumentom dugi niz godina. Najprikladniji alat za odabir boja (po mom mišljenju). On ima puno dodatne mogućnosti. 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 za web.

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

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

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

Ovu stranicu rijetko koristim, ali pošto je već imam u svojim bookmarkovima, odlučio sam je dodati.

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

Vi birate bilo koju sliku čije vam se boje sviđaju, servis je analizira i daje vam paletu boja. Ove dvije stranice razlikuju se samo u tome kako im dati sliku.

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

Vrlo zgodan birač boja. Po principu "Like - Dislike".

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

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

I na kraju opet 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 usklađivanje boja za web dizajn koristite?

Trebam web stranicu sa ispravne boje? učinimo to :)

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