O fișă grozavă pentru combinații de culori. Roata de culori Selectie online de combinatii de culori
Alegerea culorilor - una dintre cele mai importante etapeîn procesul de creare a unui design bun.
Pentru a vă ușura sarcina, am decis să alcătuim o selecție constând din cele mai bune servicii pentru a crea scheme de culori. Ele vă vor ajuta să economisiți timp și să obțineți totuși rezultate decente.
01. Adobe Color CC
Adobe și-a redenumit proiectul Kuler în Color
Este posibil să fiți familiarizat cu acest instrument după numele său anterior - Adobe Kuler. Cu toate acestea, Adobe a redenumit recent una dintre aplicațiile sale web populare în Adobe Color CC.
Vă permite să selectați, să creați și să salvați diferite scheme de culori, fiecare dintre acestea putând conține până la cinci culori. Instrumentul este disponibil atât în versiunea de browser, cât și în versiunea desktop. Dacă utilizați versiunea pentru desktop, veți putea exporta schema de culori direct în Photoshop, Illustrator și InDesign.
02. Mudcube Color Sphere
Dacă nu ești sigur de schema ta de culori, Mudcude are propria galerie de elemente gata făcute
Mudcube Color Sphere este o resursă în miniatură foarte utilă pentru designeri, care nu numai că oferă coduri hexadecimale pentru culorile selectate, dar vă permite și să creați scheme de culori pentru propriile proiecte. De asemenea, merită remarcat faptul că Mudcube are propria sa galerie de resurse gata făcute, pe care le puteți folosi.
03. Verifică-mi culorile
Check my Colors este conceput special pentru a evalua și selecta combinația de culori de fundal și prim-plan pentru toate elementele DOM. Și, de asemenea, pentru a afla dacă elementele sunt suficient de armonioase între ele. Toate testele se bazează pe algoritmi recomandați de World Wide Web Consortium ( W3C).
04. Aplicația Color
Aplicația vă va ajuta să aflați valorile RGB, HEX și HSLA ale culorilor selectate
Instrumentul iOS Aplicația Color vă va permite să determinați ușor și simplu culorile folosind o paletă mare de culori. Vă permite să aflați valorile RGB, HEX și HSLA ale culorilor, precum și să vă creați propriile scheme de culori pentru site.
05. Vânător de culoare
Color Hunter generează o schemă de culori bazată pe imaginea selectată
Acest lucru este foarte instrument la îndemână, mai ales dacă trebuie să găsiți o anumită culoare. Selectați o imagine și încărcați-o în Color Hunter. Instrumentul va crea o paletă de culori bazată pe imaginea selectată. Aceasta este o metodă excelentă pentru a vă crea propriile scheme de culori.
06.TinEye
Dacă trebuie să obțineți o anumită culoare, introduceți doar valoarea HEX în adresa URL
Acest site folosește o bază de date de 10 milioane de imagini, disponibile gratuit sub o licență Creative Commons, pe care creatorii au selectat-o cu atenție de pe Flickr. Acestea pot fi folosite pentru a genera scheme de culori adecvate.
07. Culoare
Aplicație web în miniatură convenabilă. Treceți mouse-ul peste ecran și selectați culoarea dorită, apoi derulați puțin pentru a selecta nuanța. După care instrumentul va produce toate codurile HEX necesare care pot fi utilizate în proiecte proprii. Unul dintre cele mai simple instrumente de utilizat.
08. SpyColor.com
Generator gratuit de scheme de culori care oferă informații despre culoare și, de asemenea, vă permite să le convertiți în orice schemă ( RGB, CMYKși altele). Există o varietate de formate de scheme de culori disponibile aici, inclusiv proces, monocrom și multe altele.
09.Inspirație pentru design
Pe Designspiration, puteți alege până la cinci nuanțe cu o paletă convenabilă pentru întreaga pagină, care face ușor să găsiți exact schemele de culori HTML pe care le căutați. Site-ul va genera apoi o pagină cu toate imaginile din baza de date care folosesc o combinație de culori similară. De asemenea, vor fi furnizate valori HEX pe care le puteți utiliza în propriile proiecte. Și imaginile pot fi salvate în colecții de pe site.
10.ColorExplorer
Unul dintre cele mai sofisticate instrumente web care oferă multe caracteristici legate de design, personalizare și analiza schemelor de culori. Iată câteva instrumente care vă vor ajuta să determinați Valabilitatea WCAG a schemelor de culoriși, de asemenea, generați propriile palete de culori.
11. Generator de scheme de culori hexagonale
Un mic instrument la îndemână pentru a genera o combinație de culori bazată pe o nuanță selectată. Introduceți valoarea Hex a culorii, iar instrumentul va oferi un set de culori potrivite pe care le puteți utiliza împreună cu cea principală.
12. Iubitorii de CULOARE
COLOURlovers este o comunitate pentru partajarea schemelor de culori. Aici vă puteți inspira din seturile de culori ale altor utilizatori, precum și să le creați și să le partajați pe ale dvs.
13. Designer de scheme de culori
Acest instrument online oferă modalități interesante de a genera scheme de culori, permițându-vă să le reglați luminozitatea și să le reglați contrastul. Aici puteți crea mai multe populare modele matematice scheme de culori, inclusiv monocrom.
14. COPASO
Unul dintre instrumentele de pe site-ul COLOURlovers. Dar COPASO merită o atenție deosebită, deoarece este o soluție all-in-one incredibilă și vă permite să generați cu ușurință scheme de culori gata făcute pentru site. Există multe instrumente de selecție a culorilor disponibile aici, toate găzduite într-o interfață simplă și ușor de utilizat. În plus, puteți adăuga note la palete, puteți încărca imagini etc.
15. Colormod
Colormod reprezintă software, care vă permite să selectați culori individuale din zona widget, indiferent dacă utilizați un Mac sau Konfabulator pe Windows. Nu este chiar un instrument ușor de lucrat. palete de culori, cu toate acestea, vă va ajuta să determinați rapid și ușor culorile fără a fi nevoie să descărcați programe grele.
16. ColorZilla
ColorZilla este disponibil atât pentru Chrome, cât și pentru Firefox
Acest proiect a început ca un plugin pentru Firefox, dar astăzi este disponibil și pentru Google Chrome. ColorZilla este o extensie care include mai multe instrumente concepute pentru a lucra cu culoarea, inclusiv o paletă, un generator de gradient CSS și un pipetă.
17. Colormunki
Un instrument online convenabil pentru selectarea schemelor de culori de la creatorii Colormunki. Vă permite să creați cu ușurință palete de culori atrăgătoare din mostre pe bază de Pantone, folosind mai multe tehnici.
18.colr.org
Colr.org vă permite să setați gama de culori a oricărei imagini
Acest instrument vă permite să analiză detaliată culorile imaginii, care sunt de obicei automatizate în alte instrumente. Acest lucru vă va permite să alegeți cel mai mult culoare potrivită. Vă recomandăm să verificați acest instrument, deși interfața sa nu este la fel de sofisticată ca alte aplicații.
19. ColourGrab
Acest instrument la îndemână creează palete de culori din orice imagine. Introduceți URL-ul imaginii pe care doriți să o analizați, iar serviciul va genera automat un grafic 3D cu informații despre culorile folosite. Deși această aplicație nu este în întregime potrivită pentru alegerea unei scheme de culori pentru un site web, poate fi folosită pentru a studia imaginile și caracteristicile lor de culoare.
20.ColorBlender
ColorBlender generează o paletă de cinci culori potrivite
Unul dintre cele mai simple instrumente care vă permite să reglați culoarea și să obțineți cinci culori care se combină între ele în timp real. Paleta generată poate fi descărcată în Photoshop sau Illustrator ca fișier EPS.
21. GrayBit
GrayBit vă permite să analizați site-urile web pentru a înțelege cum ar arăta acestea în tonuri de gri
Acest instrument vă va ajuta să vedeți cum arată site-ul dvs tonuri de gri. Un serviciu excelent care va ajuta la identificarea zonelor problematice în contrast.
22. COLRD
Un instrument care poate fi folosit ca sursă de inspirație sau pentru a împărtăși scheme de culori. Desigur, această resursă nu va ajuta la generarea schemelor, dar cu siguranță ar trebui să țineți cont de ea.
23. Spectrul Shutterstock
Imaginile pot fi filtrate după echilibrul de culoare și luminozitate
Uneori, cel mai simplu mod de a verifica dacă o schemă de culori va merge împreună este să te uiți la imagini de stoc. Aproape toate site-urile de stoc majore oferă instrumente similare, dar Shutterstock Spectrum are o interfață foarte ușor de utilizat. După ce folosiți glisorul pentru a defini culorile, puteți introduce cuvinte cheie care vor ajuta la determinarea temei fotografiilor. În plus, puteți filtra imaginile după echilibrul de culoare și luminozitate.
Culorile joacă un rol important în designul web. Pentru a selecta corect o schemă de culori pentru un site web, există servicii speciale. Sunt sigur că fiecare web designer are cel puțin unul dintre acestea în marcaje.
Uneori stai și te gândești ce nuanță de albastru să alegi ca principală pentru site, puțin mai deschisă sau puțin mai strălucitoare, sau poate mai închisă... Și totuși trebuie să alegi altele suplimentare pentru el. Desigur, puteți face acest lucru cu ochiul, dar este mai bine să utilizați unul dintre serviciile speciale.
Nu voi vorbi despre teoria culorilor (aceasta este prea multă informație), ci pur și simplu voi publica aici serviciile pe care le am în marcajele mele și pe care le folosesc.
Sunt prieten cu acest instrument de mulți ani. Cel mai convenabil instrument pentru selectarea culorilor (după părerea mea). Are multe caracteristici suplimentare. De exemplu, puteți vedea un exemplu de pagină deschisă și întunecată cu culorile selectate.
Există o oportunitate de a evalua modul în care vă vor vedea schema de culori persoanele cu daltonism și alte deficiențe de vedere. Puteți alege culori sigure pentru web.
Adobe Kuler este al doilea instrument web pe care îl folosesc destul de des. Selecția de scheme de culori este aproape aceeași ca pe site-ul anterior, dar nu de aceea îmi place. Pe lângă crearea de scheme de culori, puteți să vă uitați și să utilizați schemele pe care le-au creat alți oameni.
Pentru a face acest lucru, faceți clic pe butonul din meniul din stânga sus „Urmăriți”. Și o galerie cu tot felul de combinații de culori se va deschide în fața ta.
Acest instrument este puțin similar cu Colorscheme, dar are mai puține funcții, dar puteți vedea cum vor arăta blocurile de culoare.
Practic nu folosesc acest site, dar din moment ce îl am în marcaje, am decis să îl adaug și eu.
Următoarele două site-uri generează o paletă din imaginea pe care o selectați. este magie :)
Alegi orice poză ale cărei culori îți plac, serviciul o analizează și îți oferă o paletă de culori. Singura diferență dintre aceste două site-uri este modul în care oferă imaginea.
Acest site necesită descărcare poza de pe computer.
Un instrument foarte convenabil pentru alegerea culorilor. Bazat pe principiul „Like - Dislike”.
După cum sugerează și numele, aici puteți alege culori pentru designul plat la modă. Site-ul este interesant pentru că odată ce selectați o paletă, o puteți descărca pentru Corel și Photoshop.
O altă tendință de modă este designul materialului. Acest site vă ajută să alegeți combinații de culori pentru UI (interfață de utilizator). În plus, site-ul are un set mare de pictograme.
Și, în sfârșit, din nou interfața cu utilizatorul. Iată doar un set de culori pentru designul UI. Făcând clic pe orice culoare, puteți vedea cum va fi citit textul alb pe un anumit fundal.
Acestea sunt instrumentele pe care le am în marcajele mele.
Scrie in comentarii ce site-uri de selectie de culori pentru web design folosesti?
Am nevoie de un site cu culorile potrivite? , hai să o facem :)
Ați găsit o greșeală? Selectați o bucată de text și faceți clic CTRL+ENTER
Designul web profesional nu este complet fără a crea o schemă de culori. Acest articol oferă 20 de instrumente fantastice care vă vor ajuta să găsiți schema perfectă de culori.
Există multe instrumente pe World Wide Web pentru a obține nirvana de culoare. Par complet diferite, dar multe dintre ele sunt doar versiuni modificate ale instrumentelor mai populare și mai utile.
Prin urmare, pentru a simplifica procesul de selecție schema de culori, am adunat 20 dintre cele mai bune instrumente disponibile. Ele te vor ajuta să nu te pierzi în căutarea ta varianta potrivitași simți „beatitudinea culorii”
01. Răcitor
Kuler este poate cel mai faimos instrument de lucru cu culoarea.
Adobe Kuler este probabil cel mai popular instrument online de temă de culoare de la care a apărut instrument simplu pentru a lucra cu culoarea pe Internet la o resursă cu drepturi depline în care puteți crea teme și puteți partaja cu alții. Pluginurile sunt disponibile pentru toate aplicațiile Adobe majore, inclusiv Photoshop, Illustrator și InDesign, făcând din Kuler un instrument excelent, bogat în funcții, pentru utilizatorii obișnuiți ai Creative Suite.
02.ColorExplorer
ColorExplorer poate îndeplini multe funcții diferite.
Se poate spune că acesta este unul dintre cele mai atent instrumente disponibile pe Internet. Oferă un set mare de instrumente pentru a vă proiecta, adapta și analiza paletele dvs. de culori. De exemplu, instrumente care ajută la determinarea accesibilității WCAG selectarea culorilor, instrumente de conversie care vă permit să vă deplasați între ele sisteme diferite, precum și tot ceea ce aveți nevoie pentru a alege culorile și a crea palete.
03. Culori pe Web
Colors on the Web este bazat pe Flash.
Colors on the Web încarcă culori solide în coduri HEX sau RGB și produce un set de scheme bazate pe diferite proporții matematice. Acest instrument nu funcționează pe iPad sau iPhone, deoarece folosește Flash pentru a rula programul.
04. Iubitorii de CULOARE
COLOURlovers amintește ușor de Pinterest pentru culoare
05. Pictaculos
Pictaculous vă permite să încărcați o imagine și să generați o schemă de culori pe baza acesteia.
Acest instrument de la creatorii MailChimp vă permite să încărcați o imagine și să creați o schemă de culori bazată pe culorile acesteia. Este compatibil cu mai multe alte instrumente, cum ar fi Kuler și Colourlovers. Pictaculous are un Adobe Swatch la îndemână pentru încărcarea temelor, ceea ce face ca „capturarea culorilor” de care aveți nevoie pentru a completa o fotografie este rapidă și ușoară.
06. Contrast-A
Contrast-A creează o simulare a diferitelor defecte vizuale.
Acesta nu este instrumentul dvs. tipic pentru schema de culori. Este conceput pentru a vă asigura că ați creat o schemă de culori compatibilă cu WCAG prin previzualizarea nivelurilor de contrast și prin utilizarea tehnicilor de simulare a culorilor non-perceptive și a vizibilității reduse. Contrast-A are o mulțime de link-uri către manuale care prezintă totul într-un mod mai ușor de utilizat decât documentul de proprietăți tehnice în sine.
07. ColoRotate
ColoRotate se mândrește cu o vizualizare frumoasă „roată de culoare”.
ColoRotate are caracteristici similare cu Kuler, dar diferă prin afișarea paletei pe un con 3D frumos și prin capacitatea de a genera mai mult de 5 culori într-o singură schemă. Instrumentul poate fi integrat cu anumite aplicații Creative Suite. Este disponibilă și ca aplicație pentru iPad și poate funcționa împreună cu Photoshop în modul console color.
08. Generator de scheme de culori hexagonale
HEX creează culori care se îmbină bine cu schema de culori existentă.
HEX este un instrument mic la îndemână pentru a genera culori. Doar introduceți un cod de culoare și va afișa o selecție de culori frumoase care se vor combina perfect cu culorile dvs. de bază.
09. Designer de scheme de culori
Color Scheme Designer are mai multe moduri interesante crearea de teme de culoare.
Acest instrument online are caracteristici similare cu Adobe Kuler. Dar, datorită unor tehnici interesante de creare a temelor de culoare, vă permite să selectați parametrii de luminozitate/saturație și contrast din proprietățile schemei, mai degrabă decât să trebuiască să „căleați” culorile individuale care alcătuiesc tema. Color Scheme Designer oferă acces la un set de standarde metode matematice, inclusiv posibilitatea de a selecta armonios culorile de design pentru unul (mono), doi (completa), trei (triadă) sau patru (tetradă) culori cu nuanțe și semitonuri.
10. COPASO
COPASO este un instrument excelent pentru rezolvarea mai multor probleme simultan.
Unul dintre instrumentele site-ului Iubitorii de CULOARE, COPASO merită o atenție deosebită, deoarece vă permite să rezolvați simultan multe probleme la crearea paletelor. Oferă un set complet de instrumente de selecție a culorilor într-o interfață simplă. Folosiți-l pentru a adnota palete, a încărca imagini, a sări direct la linkurile CMYK și pentru a alege cum să vă creați schema de culori.
11. Colormod
Widgetul pentru desktop Colourmod vă ajută să selectați și să definiți cu ușurință culorile.
Colourmod este un instrument desktop care facilitează selectarea uneia dintre culorile din zona widget, chiar dacă utilizați Dashboard pentru MacBook sau Konfabulator pentru Windows. Colourmod, în sine, nu este un instrument de selecție a paletei, dar, cu toate acestea, poate fi folosit pentru a selecta și defini o culoare. În acest caz, nu va trebui să rulați alte programe mai grele.
12. ColorZilla
ColorZilla funcționează în Chrome și Firefox.
Această aplicație a fost dezvoltată inițial ca un plugin pentru Firefox, dar poate fi folosită și în browserul Google Chrome. ColorZilla este o extensie care are o tonă de diverse instrumente pentru lucrul cu culoarea, inclusiv: selecția culorilor, pipeta, crearea unui gradient CSS și vizualizarea paletelor.
13. Colormunki
Colormunki vă permite să creați o schemă de culori bazată pe mostre Pantone.
Un instrument convenabil pentru lucrul online, prezentat de creatorii Colormunki pentru calibrarea culorilor. Puteți crea palete bazate pe mostre de culoare Pantone online și puteți utiliza diferite tehnici pentru a găsi combinații plăcute.
14.colr.org
Cu Colr.org puteți vedea gama de culori a imaginilor dvs.
Acest instrument simplu dă oportunitate unica analizați schema de culori a imaginii (în alte programe această funcție este realizată automat). În acest fel, puteți vedea din ce culori constă fotografia dvs. și le puteți selecta pe cele pe care doriți să le setați ca culori ale temei principale.
15. ColourGrab
ColourGrab este un excelent generator de scheme de culori pentru imagini compacte.
Acest instrument la îndemână creează o paletă de culori bazată pe orice imagine de pe Internet. Pur și simplu introduceți adresa URL a imaginii pe care doriți să o analizați, site-ul o va „prinde”, va determina schema de culori și va crea o diagramă 3D simplă care arată diferitele culori utilizate pentru imaginea respectivă. Chiar dacă nu este cel mai mult cea mai buna varianta pentru teme standard, dar ColourGrab este excelent pentru analiza distribuției culorilor în imagini.
16.ColorBlender
ColorBlender creează un set de cinci culori care funcționează bine împreună.
Acest site este un instrument simplu care vă permite să creați o imagine eșantion, să reglați culorile și să urmăriți în timp real când este selectat un set de 5 culori perfect coordonate. Paletele pot fi încărcate direct în Photoshop sau în Illustrator în format de fișier EPS.
17. GrayBit
GrayBit vă permite să analizați un site web pentru a vedea cum arată în tonuri de gri.
Acest instrument la îndemână nu selectează direct temele de culoare, dar vă permite să vă analizați site-ul pentru a vedea cum ar arăta dacă l-ați converti în tonuri de gri. Acest lucru vă va ajuta să verificați dacă ați obținut suficient contrast în paleta dvs. de culori pentru a o face ușor de citit.
18. COLRD
COLRD este perfect pentru a vă împărtăși schemele de culori și pentru a afla despre altele noi.
Acest site plin de culoare este o sursă excelentă de inspirație, utilizatorii împărtășindu-și paletele de culori, precum și degrade și imagini. Acesta nu este doar un site pentru crearea de scheme de culori, ci mai degrabă o adevărată sărbătoare pentru simțul estetic și merită verificat pentru câteva descoperiri uimitoare.
19. Vânător de culoare
Color Hunter este un site grozav pentru a găsi culori noi.
Color Hunter vă ajută să selectați rapid schema de culori a imaginilor încărcate, căutând o etichetă adecvată sau folosind link-uri HEX. Rapid și ușor de utilizat, site-ul vă permite să faceți descoperiri interesante de culoare.
20. Stripe Generator 2.0
Stripe Generator 2.0 vă ajută să atrageți atenția asupra schemelor de culori.
Este adesea denumit „instrumentul suprem pentru web2.0”. Stripe Generator 2.0 - bun remediu pentru a crea plăcut combinatii de culoriși imagini neobișnuite în același timp.
Alegerea unei scheme de culori pentru un site web este una dintre ele puncte importanteîn procesul de proiectare. Selectarea unei combinații de culori este un proces destul de complex și creativ. Din fericire, există multe servicii care pot oferi un sprijin semnificativ pentru a face alegerea corectă.
Unele resurse menționate în această recenzie, oferă posibilitatea de a alege cantitate mare scheme de culori gata făcute, în timp ce altele vă permit să vă construiți interactiv propria schemă.
Mai rece
Adobe Kuler conține o bibliotecă mare de scheme de culori gata făcute. Puteți vizualiza diagrama online și o puteți descărca pentru a fi utilizată în produsele Adobe Creative Suite.
Color Lovers are în prezent aproape 2 milioane de scheme de culori create de utilizatori. Le puteți vizualiza prin sortare după dată, evaluare, număr de vizualizări.
ColoRotate are o bibliotecă de scheme de culori gata făcute. De asemenea, vă puteți crea propria diagramă folosind un instrument unic 3D. Schema de culori poate fi utilizată direct în Photoshop și Fireworks folosind pluginul ColoRotate.
Color Scheme Designer vă permite să selectați tipul de schemă de culori (mono, complementar, triad, tetrad, analog). Apoi puteți ajusta culorile și puteți vedea efectul schemei folosind un exemplu.
ColorSchemer are o bibliotecă mare de scheme de culori create de utilizator. Le puteți sorta după data postării, evaluare sau numărul de descărcări.
Pictaculous este un instrument simplu de generare a schemelor de culori online. Puteți încărca o imagine, iar serviciul va genera o diagramă de utilizat cu imaginea.
Color Spire
Color Spire este un serviciu foarte ușor de utilizat. Alegeți o culoare de bază și sugerează o schemă de culori. De asemenea, puteți vedea aspect diagrame pe un șablon simplu.
