Cool cheat sheet o kombinacijama boja. Točak boja Točak boja online izbor boja

Boje igraju veliku ulogu u web dizajnu. Da biste pravilno odabrali shemu boja za web stranicu, postoje posebne usluge. Siguran sam da svaki web dizajner ima barem jedan od ovih u svojim oznakama.

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

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

Prijatelj sam sa ovim instrumentom dugi niz godina. Najprikladniji alat za odabir boja (po mom mišljenju). Ima mnogo dodatnih funkcija. 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 web sigurne boje.

Adobe Kuler je drugi web alat koji često koristim. Izbor shema boja je skoro isti kao i na prethodnoj stranici, ali to nije razlog zašto mi se sviđa. Osim što sami kreirate sheme boja, možete pogledati i koristiti sheme koje su kreirali drugi ljudi.

Da biste to uradili, kliknite na dugme u gornjem levom meniju „Gledanje“. I pred vama će se otvoriti galerija svih vrsta kombinacija boja.

Ovaj alat je malo sličan Colorschemeu, ali ima manje funkcija, ali možete vidjeti kako će izgledati blokovi boja.

Praktično ne koristim ovu stranicu, ali pošto je imam u svojim bookmarkovima, odlučio sam da i nju dodam.

Sljedeće dvije stranice generiraju paletu od slike koju odaberete. magija je :)

Vi odaberete bilo koju sliku čije boje volite, servis je analizira i daje vam paletu boja. Jedina razlika između ove dvije stranice je način na koji pružaju sliku.

Ova stranica zahtijeva skinuti sliku sa vašeg računara.

Vrlo zgodan alat za odabir boja. Zasnovano na principu “Sviđa mi se – Ne sviđa mi se”.

Kao što ime govori, ovdje možete odabrati boje za sada moderan flat dizajn. Stranica je zanimljiva jer kada odaberete paletu, možete je preuzeti za Corel i Photoshop.

Drugi modni trend je dizajn materijala. Ova stranica vam pomaže da odaberete kombinacije boja za korisničko sučelje (korisnički interfejs). Osim toga, stranica ima veliki skup ikona.

I konačno, ponovo korisničko sučelje. Evo samo skupa 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 obeleživačima.

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

Trebate web stranicu s pravim bojama? , uradimo to :)

Našli ste grešku? Odaberite dio teksta i kliknite CTRL+ENTER

Profesionalni web dizajn nije potpun bez kreiranja sheme boja. Ovaj članak dijeli 20 fantastičnih alata koji će vam pomoći da pronađete savršenu shemu boja.

Na World Wide Webu postoji mnogo alata za postizanje nirvane boja. Djeluju potpuno drugačije, ali mnogi od njih su samo modificirane verzije popularnijih i korisnijih alata.

Da bismo olakšali proces odabira boje, zaokružili smo 20 najboljih dostupnih alata. Oni će vam pomoći da se ne zbunite u potrazi za odgovarajućom opcijom i osjetite "blaženstvo boja"

01. Hladnjak

Kuler je možda najpoznatiji alat za rad sa bojom.

Adobe Kuler je možda najpopularniji online alat za boje, koji je evoluirao od jednostavnog online alata za boje do punopravnog resursa gdje možete kreirati teme i dijeliti ih s drugima. Dodaci su dostupni za sve glavne Adobe aplikacije, uključujući Photoshop, Illustrator i InDesign, što Kuler čini odličnim alatom bogatim funkcijama za redovne korisnike Creative Suite-a.

02.ColorExplorer

ColorExplorer može obavljati mnogo različitih funkcija.

Može se reći da je ovo jedan od najpromišljenijih alata dostupnih na Internetu. Nudi veliki skup alata za dizajn, prilagođavanje i analizu vaših paleta boja. Na primjer, alati koji pomažu u određivanju pristupačnosti WCAG izbor boja, alati za konverziju koji vam omogućavaju da se krećete između različitih sistema i sve što vam je potrebno za odabir boja i kreiranje paleta.

03. Boje na webu

Boje na webu su bazirane na Flashu.

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

04. COLOURlovers

COLOURlovers malo podsjeća na Pinterest za boje

05. Pictaculoous

Pictaculous vam omogućava da otpremite sliku i generišete šemu boja na osnovu nje.

Ovaj alat kreatora MailChimp vam omogućava da učitate sliku i kreirate šemu boja na osnovu njenih boja. Kompatibilan je s nekoliko drugih alata kao što su Kuler i Colourlovers. Pictaculous ima zgodan Adobe Swatch za učitavanje tema, što ga čini brzim i lakim za "hvatanje boja" koje su vam potrebne da biste upotpunili fotografiju.

06. Contrast-A

Contrast-A stvara simulaciju različitih vizuelnih defekata.

Ovo nije vaš tipičan alat za šemu boja. Dizajniran je da osigura da ste kreirali shemu boja usklađenu sa WCAG pregledom nivoa kontrasta i upotrebom tehnika za simulaciju neperceptivne boje i niske vidljivosti. Contrast-A ima gomilu veza ka priručnicima koji postavljaju sve na način koji je lakši za korisnika nego sam dokument o tehničkim svojstvima.

07. ColoRotate

ColoRotate se može pohvaliti prekrasnom vizualizacijom „točka u boji“.

ColoRotate ima slične karakteristike kao i Kuler, ali se razlikuje po tome što prikazuje paletu na prekrasnom 3D konusu i mogućnost generiranja više od 5 boja u jednoj shemi. Alat se može integrirati s odabranim Creative Suite aplikacijama. Dostupan je i kao iPad aplikacija i može raditi u sprezi sa Photoshopom u načinu konzole u boji.

08. Hex generator sheme boja

HEX stvara boje koje se dobro uklapaju s vašom postojećom shemom boja.

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

09. Dizajner sheme boja

Color Scheme Designer ima nekoliko zanimljivih načina za kreiranje tema boja.

Ovaj online alat ima slične karakteristike kao Adobe Kuler. Ali zahvaljujući nekim zanimljivim tehnikama za kreiranje tema boja, omogućava vam da odaberete parametre svjetline/zasićenosti i kontrasta iz svojstava sheme, umjesto da se morate petljati s pojedinačnim bojama koje čine temu. Dizajner šeme boja pruža pristup skupu standardnih matematičkih metoda, uključujući mogućnost skladnog odabira sheme boja dizajna za jedan (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 sajta COLOURlovers, COPASO zaslužuje posebnu pažnju, jer vam omogućava da istovremeno riješite mnoge probleme prilikom kreiranja paleta. Pruža kompletan set alata za odabir boja u jednostavnom interfejsu. Koristite ga za označavanje paleta, otpremanje slika, skakanje direktno na CMYK veze i odabir načina za kreiranje šeme boja.

11. Colourmod

Colourmod widget na radnoj površini pomaže vam da lako odaberete i definirate boje.

Colourmod je desktop alat koji olakšava odabir jedne od boja u oblasti widgeta, čak i ako radite sa Dashboardom 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ćete morati pokretati druge teže programe.

12. ColorZilla

ColorZilla radi u Chromeu i Firefoxu.

Ova aplikacija je prvobitno razvijena kao dodatak za Firefox, ali se može koristiti i u pregledniku Google Chrome. ColorZilla je ekstenzija koja ima gomilu različitih alata za rad sa bojom, uključujući: birač boja, kapaljku, kreator css gradijenta i preglednik paleta.

13. Colormunki

Colormunki vam omogućava da kreirate šemu boja na osnovu Pantone uzoraka.

Zgodan alat za rad na mreži, koji su predstavili kreatori Colormunki za kalibraciju boja. Možete kreirati palete na osnovu Pantone uzoraka boja na mreži i koristiti različite tehnike kako biste pronašli ugodne kombinacije.

14.colr.org

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

Ovaj jednostavan alat vam daje jedinstvenu mogućnost da analizirate šemu boja slike (drugi programi to rade automatski). Na ovaj način možete vidjeti od kojih se boja sastoji vaša slika i odabrati one koje želite postaviti kao glavne boje teme.

15. ColourGrab

ColourGrab je odličan generator šeme boja kompaktnih slika.

Ovaj zgodan alat kreira paletu boja na osnovu bilo koje slike na Internetu. Jednostavno unesite URL slike koju želite da analizirate, stranica će je "zgrabiti", odrediti njenu shemu boja i kreirati jednostavan 3D grafikon koji prikazuje različite boje korištene za tu sliku. Iako možda nije najbolja opcija za standardne teme, ColourGrab je odličan za analizu distribucije boja na slikama.

16.ColorBlender

ColorBlender kreira set od pet boja koje dobro rade zajedno.

Ova stranica je jednostavan alat koji vam omogućava da kreirate uzorak slike, prilagodite boje i gledate u realnom vremenu kako je odabran set od 5 savršeno usklađenih boja. Palete se mogu učitati direktno u Photoshop ili u Illustrator u EPS formatu datoteke.

17. GrayBit

GrayBit ​​vam omogućava da analizirate web stranicu da vidite kako izgleda u sivim tonovima.

Ovaj zgodan alat ne bira direktno teme u boji, ali vam omogućava da analizirate svoju web stranicu da vidite kako bi izgledala kada biste je pretvorili u sivu ton. Ovo će vam pomoći da provjerite jeste li postigli dovoljno kontrasta u svojoj paleti boja kako biste je lakše čitali.

18. COLRD

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

Ova šarena stranica je odličan izvor inspiracije, s korisnicima koji dijele svoje palete boja, kao i gradijente i slike. Ovo nije samo stranica za kreiranje shema boja, već pravi praznik za estetski osjećaj, i vrijedi provjeriti neka zadivljujuća otkrića.

19. Lovac u boji

Colour Hunter je odlična stranica za pronalaženje novih boja.

Colour Hunter vam pomaže da brzo odaberete shemu boja za otpremljene slike, traženjem odgovarajuće oznake ili korištenjem HEX veza. Brza i jednostavna za korištenje, stranica vam omogućava da dođete do zanimljivih otkrića boja.

20. Stripe Generator 2.0

Stripe Generator 2.0 pomaže vam da skrenete pažnju na svoje šeme boja.

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

Predstavljamo koristan alat za odabir boja - Itten točak boja.

Šta je to?

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

Relativni raspored boja, nijansi, proreza i indikatora na krugu se provodi na osnovu zakona "koloristika" (teorije boja), pa je uz njegovu pomoć vrlo zgodno odabrati skladne kombinacije nijansi gdje je to potrebno.

To je, zapravo, "živa", materijalna varalica na kojoj su prikazane sve glavne sheme boja. “Uživo” jer ga možete podići, za razliku od slike na ekranu.

Uređaj kotača u boji

Kupi

Naravno, morate znati kako koristiti tako naizgled složen uređaj, tako da na našoj web stranici ne samo da možete kupiti kotačić u boji, već se i detaljno upoznati s njegovom strukturom, pročitati upute kako ga koristiti i pogledati razne video zapise na ovu temu.

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).

Johannes Itten je bio taj koji je prvi izdvojio tačno dvanaest boja iz čitavog spektra i rasporedio ih po krugu na način da parovi koji su međusobno što kontrastniji budu jedan nasuprot drugome. U centar 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 ovu tačku malo detaljnije...

Zašto postoji dvanaest osnovnih boja?

• Kao što možete vidjeti na gornjoj slici, postoji tri primarni boje (koje se nazivaju i primarne boje).
• Miješajući ih u parovima u jednakim omjerima, možete dobiti tri sekundarno, ukupno - šest.
• Smjesa primarni sa komšijom u krugu sekundarno daje tercijarni boja. Ovo nam daje još šest kombinacija, ukupno - dvanaest.(Također, tercijarne boje se mogu dobiti miješanjem primarnih boja u nejednakim omjerima)

Naravno, dvanaest boja nije dovoljno da se krećete po okolnoj raznolikosti boja i nađete željenu nijansu ili vidite šta se događa kada se miješaju ne susjedne, već potpuno proizvoljne boje. Stoga su ti krugovi koje možete pronaći za prodaju ili naručiti na ovoj stranici složeniji i sadrže mnogo korisnije informacije od običnog „Itten prstena od dvanaest dijelova“.

Vodič za miješanje boja

Uz njegovu pomoć 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 divna pomoć za crtanje, posebno za umjetnike početnike.

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

Kako se te iste proporcije mogu odrediti? Da li je to zaista nasumično? Ne, točak boja također može pomoći u tome.

Skala zasićenja

Ova skala se nalazi na istoj strani kao i vodič za mešanje, pošto dve funkcije rade u tandemu.

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

Da biste razumjeli kako se to praktično radi, pogledajte ovaj video:

Šeme kombinacija boja

Zadnja 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.

Kombinacija boja je figura, u najjednostavnijem slučaju linija koja povezuje boje koje se međusobno "slažu". Formulacija je vrlo nejasna, budući da je odabir hromatske ljestvice i nauka i umjetnost.

Prvo, harmonija ili disharmonija boja je vrlo subjektivan pojam. Kako kažu, "po ukusu nema prijatelja".

Drugo, da li su "prikladni" ili "neprikladni" - sve zavisi od konkretne situacije, raspoloženja, šta tačno umetnik ili dizajner želi da kaže, od stila u kome se rad izvodi, da li treba istaknuti neki element , ili obrnuto - učinite ga nevidljivim.

Točak boja je alat na kojem možete vizualno prikazati sve glavne sheme boja, ali morate znati kako koristiti ovaj alat. Trebali biste sami znati ili barem osjetiti koja je od shema najprikladnija za vaš zadatak. Sa svoje strane, mi ćemo pokušati da na ovoj stranici objavimo što više korisnih informacija o tome kako koristiti kotačić u boji (pogledajte odjeljak

Odabir sheme boja za web stranicu jedna je od važnih tačaka u procesu dizajna. Odabir kombinacije boja prilično je složen i kreativan proces. Srećom, postoji mnogo usluga koje mogu pružiti značajnu podršku pri donošenju pravog izbora.

Neki od resursa spomenutih u ovoj recenziji pružaju mogućnost izbora između velikog broja gotovih shema boja, dok vam drugi omogućavaju da interaktivno izgradite vlastitu shemu.

Cooler

Adobe Kuler sadrži veliku biblioteku gotovih shema boja. Možete pogledati dijagram na mreži i preuzeti ga za upotrebu u Adobe Creative Suite proizvodima.

Color Lovers trenutno ima skoro 2 miliona šema boja koje su kreirali korisnici. Možete ih pregledati sortiranjem po datumu, ocjeni, broju pregleda.

ColoRotate ima biblioteku gotovih shema boja. Također možete kreirati vlastiti dijagram koristeći jedinstveni 3D alat. Šema boja se može koristiti direktno u Photoshopu i Fireworks pomoću dodatka ColoRotate.

Color Scheme Designer vam omogućava da odaberete vrstu sheme boja (mono, komplementarna, trijada, tetrada, analogna). Zatim možete podesiti boje i vidjeti učinak sheme koristeći primjer.

ColorSchemer ima veliku biblioteku šema boja koje kreiraju 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 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. Također možete vidjeti izgled dijagrama na jednostavnom predlošku.

Ljudi, uložili smo dušu u stranicu. Hvala vam na tome
da otkrivaš ovu lepotu. Hvala na inspiraciji i naježim se.
Pridružite nam se Facebook I U kontaktu sa

Šema br. 1. Komplementarna kombinacija

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

Šema br. 2. Trijada - kombinacija 3 boje

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

Shema br. 3. Slična kombinacija

Kombinacija od 2 do 5 boja koje se nalaze jedna do druge na kotaču boja (idealno 2-3 boje). Utisak: mirno, pozivajuće. Primjer kombinacije sličnih prigušenih boja: žuto-narančasta, žuta, žuto-zelena, zelena, plavo-zelena.

Šema br. 4. Zasebno-komplementarna kombinacija

Varijanta komplementarne kombinacije boja, ali umjesto suprotne boje koriste se susjedne boje. Kombinacija glavne boje i dvije dodatne. Ova shema izgleda gotovo jednako kontrastno, ali ne tako intenzivno. Ako niste sigurni da možete pravilno koristiti komplementarne kombinacije, koristite one odvojeno komplementarne.

Šema br. 5. Tetrad - kombinacija 4 boje

Šema boja u kojoj je jedna boja glavna boja, dvije komplementarne, a druga ističe akcente. Primjer: plavo-zelena, plavo-ljubičasta, crveno-narandžasta, žuto-narandžasta.

Šema br. 6. Kvadrat

Kombinacije pojedinačnih boja

• Bijela: ide uz sve. Najbolja kombinacija sa plavom, crvenom i crnom.
• Bež: sa plavom, smeđom, smaragdnom, crnom, crvenom, bijelom.
• Siva: sa fuksijom, crvena, ljubičasta, roza, plava.
• Ružičasta: sa smeđom, bijelom, mint zelenom, maslinastom, sivom, tirkiznom, bebi plavom.
• Fuksija (duboko roze): sa sivom, smeđom, limetom, menta zelenom, smeđom.
• Crvena: sa žutom, bijelom, smeđom, zelenom, plavom i crnom.
• Paradajz crvena: plava, menta zelena, peskovita, kremasto bijela, siva.
• Trešnja crvena: azurna, siva, svijetlonarandžasta, pijesak, blijedo žuta, bež.
• Malina crvena: bijela, crna, boja damast ruže.
• Smeđa: svijetlo plava, krem, roza, smeđa, zelena, bež.
• Svijetlo smeđa: blijedožuta, kremasto bijela, plava, zelena, ljubičasta, crvena.
• Tamno smeđa: limun žuta, plava, menta zelena, ljubičasta ružičasta, limeta.
• Tan: ružičasta, tamno smeđa, plava, zelena, ljubičasta.
• Narandžasta: plava, plava, lila, ljubičasta, bijela, crna.
• Svetlo narandžasta: siva, smeđa, maslinasta.
• Tamno narandžasta: blijedožuta, maslinasta, smeđa, trešnja.
• Žuta: plava, lila, svetloplava, 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: narandžasta, svijetlo smeđa, smeđa.
• Zelena: zlatno smeđa, narandžasta, svijetlozelena, ž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čno plava je lijepa u kombinaciji sa zlatno žutom, smeđom, svijetlosmeđom, sivom ili srebrnom.
• Plava: crvena, siva, smeđa, narandžasta, ružičasta, bijela, žuta.
• Tamnoplava: svijetlo ljubičasta, svijetloplava, žućkasto zelena, smeđa, siva, blijedožuta, narandžasta, zelena, crvena, bijela.
• Lila: narandžasta, ružičasta, tamno ljubičasta, maslinasta, siva, žuta, bijela.
• Tamno ljubičasta: zlatno smeđa, blijedo žuta, siva, tirkizna, menta zelena, svijetlo narandžasta.
• Crna je univerzalna, elegantna, stoji u svim kombinacijama, najbolje uz narandžastu, roze, svijetlo zelenu, bijelu, crvenu, lila ili žutu.