Krug u boji. Usluga kombiniranja boja hladne kombinacije hladnih boja

Boja se široko koristi u dizajnu - omogućuje vam da "oživite" sadržaj - stvorite semantičku vezu elemenata, ispunite djelo emocijama i raspoloženjem. Nadahnuti dizajneri uzimaju nasumične boje, ali postoje načini da ih koriste na smisleniji način. Razmotrimo 4 takve metode, organizirane prema principu od jednostavnih do složenih.

1. Koristite dobro poznati raspon

Stranica brandcolors.net sadrži više od 500 kombinacija boja poznatih marki. Yandex, Google, Burger King koriste jednu paletu u svim svojim proizvodima. Ove su marke i njihove boje mnogima poznate i voljene. Upišite ime u traku za pretraživanje ili prelistajte stranicu, kliknite željenu marku i boju: njen kôd bit će kopiran u međuspremnik.

2. Odaberite gotovu profesionalnu paletu

Najlakši način je uzeti gotovu kombinaciju boja. Nije potrebno svaki put izmišljati kotač jer su skladne kombinacije poznate već duže vrijeme. Idite na colordrop.io i odaberite. Stranica ima stotine profesionalnih paleta u 4 boje. Nakon što odaberete onu koja vam je potrebna, kliknite i kopirajte kodove boja s ploče koja se otvorila s desne strane.

Osim toga, usluga sadrži gotov izbor od 24 boje ravnog dizajna. Kliknite lijevo ispod naziva "Ravne boje" i uzmite kôd nijanse koja vam se sviđa.

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

Ova metoda je malo složenija. Ali i efikasnije.

• Na web stranici coolors.co, u gornjem lijevom panelu, pronađite ikonu kamere, kliknite na nju. Otvorit će se prozor za preuzimanje slike.
• Možete odabrati fotografiju ili sliku sa omiljenom shemom boja sa svog računara ili kopirati vezu u praznu kolonu.
• Usluga će odrediti kombinaciju boja (ispod postavljene slike).
• Pojedine boje ove palete možete promijeniti označavanjem i odabirom točke na fotografiji s koje želite uzeti boju.
• Dugme Collage sprema paletu s kodovima boja na vašem računaru.
• Dugme Auto generiše nove kombinacije na osnovu iste fotografije.
• Pritisnite "U redu" i idite na glavnu stranicu web stranice za daljnji rad s paletom.

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

4. Kreirajte vlastitu shemu boja na mreži

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

Na svakoj boji 4 dugmeta sa ikonama:

• Alternativne nijanse - Nijanse boja (tamnije i svjetlije),
• Povucite (pomaknite boju desno ili lijevo na paleti),
• Prilagodi (Prilagodi nijansu, zasićenje, svjetlinu itd.),
• Brava (boja brave).

Usklađivanje boja jedan je od najvažnijih koraka u procesu stvaranja dobrog dizajna.

Kako bismo vam olakšali posao, odlučili smo sastaviti izbor najboljih usluga za kreiranje shema boja. Oni će vam pomoći da uštedite vrijeme i da ipak dobijete pristojan rezultat.

01. Adobe Color CC

Adobe je preimenovao svoj projekt Kuler u Color

Možda ste upoznati s ovim alatom pod njegovim bivšim imenom - Adobe Kuler. Međutim, Adobe je nedavno preimenovao jednu od svojih popularnih web aplikacija u Adobe Color CC.

Omogućuje vam odabir, stvaranje i spremanje različitih shema boja, od kojih svaka može sadržavati do pet boja. Alat je dostupan u verzijama preglednika i za računare. Ako koristite desktop verziju, shemu boja možete izvesti izravno u Photoshop, Illustrator i InDesign.

02. Sfera boje blata

Ako niste sigurni u svoju shemu boja, Mudcude ima svoju galeriju gotovih materijala.

Mudcube Color Sphere je vrlo zgodan minijaturni resurs za dizajnere koji ne samo da nudi heksadecimalne kodove za odabrane boje, već vam omogućuje i stvaranje shema boja za vlastite projekte. Također je vrijedno napomenuti da Mudcube ima svoju galeriju gotovih resursa koje također možete koristiti.

03. Provjeri moje boje

Check my Colors je dizajniran posebno za procjenu i usklađivanje kombinacije boja pozadine i prednjeg plana za sve DOM elemente. A i da biste saznali jesu li elementi dovoljno međusobno skladni. Svi testovi temelje se na algoritmima preporučenim od strane World Wide Web Consortiuma ( W3C).

04. Aplikacija u boji

Aplikacija će vam pomoći da saznate RGB, HEX i HSLA vrijednosti odabranih boja

iOS Tool Aplikacija u boji omogućuje vam jednostavno i jednostavno definiranje boja pomoću velike palete boja. Omogućava vam da saznate RGB, HEX i HSLA-vrijednosti boja, kao i da kreirate vlastite sheme boja za web lokaciju.

05. Color Hunter

Color Hunter generira shemu boja na temelju odabrane slike

Ovo je vrlo zgodan alat, pogotovo ako trebate pronaći određenu boju. Odaberite sliku i prenesite je u Color Hunter. Alat će stvoriti paletu boja na temelju odabrane slike. Ovo je odlična metoda za stvaranje vlastitih shema boja.

06. TinEye

Ako trebate dobiti određenu boju, samo unesite vrijednost HEX u URL

Ova web stranica koristi bazu podataka od 10 miliona slika, besplatno dostupnu pod licencom Creative Commons, pažljivo odabranu sa Flickr -a. Mogu se koristiti za generiranje odgovarajućih shema boja.

07. Boja

Zgodna minijaturna web aplikacija. Zadržite pokazivač miša iznad ekrana i definirajte željenu boju, a zatim se pomaknite malo kako biste pronašli nijansu. Nakon toga, alat će prikazati sve potrebne HEX kodove koje možete koristiti u vlastitim projektima. Jedan od najjednostavnijih alata za upotrebu.

08. SpyColor.com

Besplatni generator sheme boja koji pruža informacije o bojama i omogućuje vam pretvaranje u bilo koju shemu ( RGB, CMYK drugo). Ovdje su dostupni različiti formati sheme boja, uključujući procesne, jednobojne i druge.

09. Designspiration

Designspiration vam omogućuje da odaberete do pet nijansi s praktičnom paletom na cijeloj stranici koja olakšava pronalaženje HTML shema boja koje tražite. Web lokacija će tada generirati stranicu sa svim slikama iz baze podataka koje koriste sličnu kombinaciju boja. Također će pružiti HEX vrijednosti koje možete koristiti u svojim projektima. Slike se mogu spremiti u zbirke na web mjestu.

10. ColorExplorer

Jedan od najsofisticiranijih web-alata koji nudi mnoge funkcije vezane za dizajn, prilagođavanje i analitiku sheme boja. Evo alata koji će vam pomoći da odredite WCAG valjanost shema boja kao i generiranje vlastitih paleta boja.

11. Generator heksadecimalne sheme boja

Mali zgodan alat za generiranje kombinacije boja na temelju jedne odabrane nijanse. Umetnite heksadecimalnu vrijednost za boju i alat će pružiti skup odgovarajućih boja koje se mogu koristiti zajedno s osnovnom bojom.

12. COLOURlovers

COLOURlovers je zajednica za razmjenu shema boja. Ovdje možete uzeti inspiraciju iz setova boja drugih korisnika te stvoriti i podijeliti vlastite.

13. Dizajner sheme boja

Ovaj mrežni alat nudi zanimljive načine za generiranje shema boja, omogućavajući vam da prilagodite njihovu svjetlinu i prilagodite kontrast. Ovdje možete stvoriti nekoliko popularnih matematičkih modela shema boja, uključujući jednobojne.

14. COPASO

Jedan od alata sa web lokacije COLOURlovers. No, COPASO zaslužuje posebnu pažnju jer je nevjerojatno sve-u-jednom rješenje i olakšava generiranje gotovih shema boja za web lokaciju. Ovdje je predstavljeno mnogo alata za usklađivanje boja, a svi su smješteni u jednostavno i jednostavno sučelje. Osim toga, možete dodavati bilješke u palete, postavljati slike itd.

15. Colourmod

Colourmod je softver koji vam omogućuje odabir pojedinačnih boja iz područja widgeta, bilo da koristite Mac ili Konfabulator u sustavu Windows. Ovo nije jednostavan alat za rad s paletama boja, ali će vam pomoći da brzo i lako prepoznate boje bez preuzimanja teških programa.

16. ColorZilla

ColorZilla je dostupna i za Chrome i za Firefox

Ovaj je projekt započeo kao dodatak za Firefox, ali je danas dostupan i za Google Chrome. ColorZilla je proširenje koje uključuje nekoliko alata za rad s bojom, uključujući paletu, css gradient generator i kapaljku za oči.

17. Colormunki

Praktičan mrežni alat za usklađivanje boja od kreatora Colormunkija. Omogućava vam da jednostavno kreirate privlačne palete boja iz uzoraka zasnovanih na Pantoneu koristeći više tehnika.

18.colr.org

Colr.org vam omogućava da postavite raspon boja bilo koje slike

Ovaj alat omogućuje detaljnu analizu boja slike koja je obično automatizirana u drugim alatima. To će vam omogućiti da odaberete najprikladniju boju. Preporučujemo da se upoznate s ovim alatom, iako njegovo sučelje nije tako promišljeno kao u drugim aplikacijama.

19. ColourGrab

Ovaj praktičan alat stvara palete boja sa bilo koje slike. Umetnite URL slike koju želite analizirati i usluga će automatski generirati 3D grafikon s podacima o bojama koje se koriste. Iako ova aplikacija nije u potpunosti prikladna za odabir sheme boja za web lokaciju, može se koristiti za ispitivanje slika i njihovih karakteristika boje.

20. ColorBlender

ColorBlender generira paletu od pet odgovarajućih boja

Jedan od najjednostavnijih alata koji vam omogućuje podešavanje boje i dobivanje pet odgovarajućih boja u stvarnom vremenu. Generirana paleta može se preuzeti u Photoshopu ili Illustratoru kao EPS datoteka.

21. GreyBit

GrayBit ​​vam omogućava da analizirate web stranice kako biste razumjeli kako bi izgledali u sivim tonovima

Ovaj alat će vam pomoći da vidite kako vaša web stranica izgleda u sivim tonovima. Izvrsna usluga koja će vam omogućiti da identificirate problematična područja nasuprot.

22. COLRD

Alat koji se može koristiti kao izvor inspiracije ili za dijeljenje shema boja. Naravno, ovaj resurs neće pomoći u generiranju krugova, ali svakako ga morate uzeti u obzir.

23. Shutterstock Spectrum

Slike se mogu filtrirati prema ravnoteži boja i svjetlini

Ponekad je najlakše provjeriti hoće li shema boja najbolje funkcionirati gledajući slike dionica. Gotovo svi glavni zalihe zaliha nude slične alate, međutim Shutterstock Spectrum ima vrlo jednostavno korisničko sučelje. Nakon korištenja klizača za definiranje boje, moći ćete unijeti ključne riječi koje će odrediti predmet slike. Osim toga, možete filtrirati slike prema ravnoteži boja i svjetlini.

Odabir sheme boja za web stranicu jedna je od važnih točaka u procesu dizajna. Odabir kombinacije boja prilično je kompliciran i kreativan proces. Srećom, postoje mnoge usluge koje mogu pružiti značajnu podršku za pravi izbor.

Neki izvori navedeni u ovom pregledu pružaju mogućnost odabira između velikog broja gotovih shema boja, dok vam drugi omogućuju interaktivno stvaranje vlastite sheme.

Kuler

Adobe Kuler sadrži veliku biblioteku gotovih shema boja. Dijagram možete pogledati na mreži i preuzeti za upotrebu u seriji Adobe Creative Suite.

Ljubitelji boja trenutno imaju gotovo 2 miliona korisnički kreiranih shema boja. Možete ih pregledati sortiranjem po datumu, ocjeni, broju pregleda.

ColoRotate ima biblioteku gotovih shema boja. Također možete stvoriti vlastitu shemu pomoću jedinstvenog 3D alata. Shema boja može se koristiti izravno u Photoshopu i Vatrometu pomoću dodatka ColoRotate.

Dizajn sheme boja omogućuje vam odabir vrste sheme boja (mono, besplatna, trijada, tetrada, analogna). Tada možete prilagoditi boje i vidjeti primjere sheme na primjeru.

ColorSchemer ima veliku biblioteku korisničkih shema boja. Možete ih sortirati prema datumu objavljivanja, ocjeni ili broju preuzimanja.

Pictaculous je jednostavan mrežni alat za generiranje sheme boja. Možete postaviti sliku, a usluga će generirati dijagram koji će se koristiti sa slikom.

Boja spire

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

Profesionalni web dizajn nije potpun bez sheme boja. Ovaj članak objašnjava 20 fantastičnih alata koji će vam pomoći da dobijete savršenu shemu boja.

Na World Wide Webu postoji mnogo alata za postizanje boje nirvane. Čini se da su potpuno različiti, ali mnogi od njih su samo modificirane verzije popularnijih i korisnijih alata.

Stoga smo, kako bismo pojednostavili postupak odabira sheme boja, sastavili 20 najboljih dostupnih alata. Pomoći će vam da se ne izgubite u potrazi za odgovarajućom opcijom i osjetite "blaženstvo u boji"

01. Kuler

Kuler je vjerojatno najpoznatiji alat u boji.

Adobe Kuler je vjerojatno najpopularniji mrežni alat za boje u boji i od jednostavnog alata za boje na webu postao je potpuni resurs za kreiranje tema i dijeljenje s drugima. Dodaci su dostupni za sve veće Adobe aplikacije, uključujući Photoshop, Illustrator i InDesign, što Kuler čini odličnim sve-u-jednom alatom za redovne korisnike Creative Suite-a.

02. ColorExplorer

ColorExplorer može obavljati mnoge različite funkcije.

Možemo reći da je to jedan od najsofisticiranijih alata na Internetu. Nudi širok raspon alata za dizajniranje, prilagođavanje i analizu vaših paleta boja. Na primjer, alati koji pomažu u određivanju dostupnosti WCAG birači boja, alati za konverziju koji vam omogućuju navigaciju između različitih sistema i sve što vam je potrebno za odabir boja i kreiranje paleta.

03. Boje na Webu

Boje na webu pokreće Flash.

Boje na webu učitavaju čvrste boje u HEX ili RGB kodovima i proizvode skup shema zasnovanih na različitim matematičkim proporcijama. Ovaj alat ne radi na iPadu ili iPhoneu jer koristi Flash za pokretanje programa.

04. COLOURlovers

COLOURlovers pomalo podsjeća na Pinterest po boji

05. Pictaculous

Pictaculous vam omogućuje postavljanje slike i generiranje sheme boja na temelju nje.

Ovaj alat kreatora programa MailChimp omogućuje vam postavljanje slike i stvaranje sheme boja na temelju vlastitih boja. Kompatibilan je s nekoliko drugih instrumenata kao što su Kuler i Colourlovers. Pictaculous ima zgodno preuzimanje teme Adobe Swatch koja vam omogućuje brzo i jednostavno "hvatanje boja" koje su vam potrebne da upotpunite svoju fotografiju.

06. Kontrast-A

Contrast-A stvara imitaciju različitih vizualnih nedostataka.

Ovo nije baš uobičajen alat za shemu boja. Dizajniran je tako da osigura da ste stvorili shemu boja kompatibilnu sa WCAG-om tako što ćete pregledati nivoe kontrasta i koristiti tehniku ​​neopažanja i slabe vidljivosti. Contrast-A ima gomilu veza do priručnika koji su lakši za korištenje od samog dokumenta sa specifikacijama.

07. ColoRotate

ColoRotate ima prekrasnu vizualizaciju "kotača u boji"

ColoRotate ima slične funkcije kao Kuler, ali se razlikuje po tome što prikazuje paletu na lijepom 3D konusu i mogućnosti generiranja više od 5 boja u jednoj shemi. Alat se može integrirati s nekim aplikacijama Creative Suite. Dostupna je i kao iPad aplikacija i može raditi zajedno s Photoshopom u načinu konzole u boji.

08. Generator šesterokutne sheme boja

HEX stvara boje koje se dobro uklapaju u raspon boja.

HEX je mali zgodan alat za generiranje boja. Samo unesite kôd boje i prikazat će se niz ugodnih boja koje se savršeno podudaraju s vašim osnovnim bojama.

09. Dizajner sheme boja

Dizajner sheme boja ima nekoliko zanimljivih načina za stvaranje tema u boji.

Ovaj mrežni alat ima sličnu funkcionalnost kao Adobe Kuler. No, zahvaljujući zanimljivim trikovima za stvaranje tema u boji, omogućuje vam odabir parametara svjetline / zasićenja i kontrasta iz svojstava sheme, umjesto da se "petljate" s pojedinim bojama koje čine temu. Dizajner sheme boja pruža pristup skupu standardnih matematičkih metoda, uključujući mogućnost usklađenog usklađivanja sheme boja dizajna za jednu (mono), dva (dopuna), tri (trijada) ili četiri (tetrada) boje sa nijansama i polutonovima.

10. COPASO

COPASO je odličan alat za rješavanje nekoliko problema odjednom.

Jedan od alata web lokacije COLOURlovers, COPASO zaslužuje posebnu pažnju jer vam omogućuje istovremeno rješavanje mnogih problema pri kreiranju paleta. Pruža kompletan set alata za odabir boja na jednostavnom sučelju. Omogućuje vam bilježenje paleta, postavljanje slika, klik direktno na CMYK veze i odabir načina stvaranja sheme boja.

11. Colourmod

Colourmod widget na radnoj površini olakšava odabir i definiranje boja.

Colourmod je alat za radnu površinu koji vam omogućuje da lako odaberete jednu od boja u području gdje se nalaze widgeti, čak i ako koristite nadzornu ploču za MacBook ili koristite Konfabulator za Windows. Colourmod sam po sebi 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 može koristiti i u pregledniku Google Chrome. ColorZilla je proširenje koje ima mnoštvo različitih alata za rad s bojom, uključujući: birač boja, kapaljku za oči, stvaranje css gradijenta i pregled palete.

13. Colormunki

Colormunki vam omogućuje da kreirate shemu boja na temelju Pantone uzoraka.

Praktičan alat za rad na mreži, koji su predstavili tvorci Colormunkija za kalibraciju boje. Možete stvoriti palete od Pantone uzoraka boja na mreži i koristiti različite tehnike za stvaranje ugodnih kombinacija.

14.colr.org

Uz Colr.org možete vidjeti raspon boja vaših slika.

Ovaj jednostavan alat pruža jedinstvenu priliku za analizu sheme boja slike (u drugim programima ova funkcija se izvodi automatski). Na ovaj 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. ColourGrab

ColourGrab je odličan generator kompaktnih shema boja slike.

Ovaj praktičan alat stvara paletu boja od bilo koje slike na webu. Samo unesite URL slike koju želite analizirati, web lokacija će je "zgrabiti", odrediti njenu paletu boja i stvoriti jednostavan 3D dijagram koji odražava upotrebu različitih boja za ovu sliku. Možda nije najbolja opcija za standardne teme, ali ColourGrab je savršen za analizu distribucije boja na slikama.

16. ColorBlender

ColorBlender stvara skup od pet boja koje se dobro uklapaju jedna s drugom.

Ova web stranica je jednostavan alat koji vam omogućuje uzorkovanje slike, prilagođavanje boja i praćenje u stvarnom vremenu kako se slaže set od 5 savršeno usklađenih boja. Palete se mogu učitati direktno u Photoshop ili Illustrator kao EPS datoteka.

17. GreyBit

GrayBit ​​vam omogućava da analizirate svoju web lokaciju kako biste vidjeli kako izgleda u sivim tonovima.

Ovaj zgodan alat ne podudara se izravno s temama u boji, ali vam omogućuje da analizirate svoju web lokaciju kako biste vidjeli kako izgleda kada se pretvori u sive. To će vam pomoći da provjerite jeste li postigli dovoljan kontrast u paleti boja kako bi bilo lakše čitati.

18.COLRD

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

Ova šarena web lokacija odličan je izvor inspiracije na kojoj korisnici dijele svoje palete boja, kao i nagibe i slike. Ovo nije samo mjesto za stvaranje shema boja, već gozba za estetiku i vrijedi provjeriti nekoliko nevjerojatnih otkrića.

19. Color Hunter

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

Color Hunter vam pomaže da brzo pronađete shemu boja postavljenih slika pretraživanjem odgovarajuće oznake ili korištenjem HEX veza. Brzo i jednostavno za korištenje, web mjesto omogućuje zanimljiva otkrića boja.

20. Stripe Generator 2.0

Stripe Generator 2.0 pomaže vam skrenuti pažnju na vaš izbor boja.

Često se naziva "najnovijim alatom za web2.0". Stripe Generator 2.0 je dobar alat za stvaranje lijepih kombinacija boja i neobičnih slika u isto vrijeme.