Aplicația roată de culori. Cercul de culoare. Punerea la dispoziție a paletei

Designul web profesional nu este complet fără a crea o schemă de culori. Acest articol este despre 20 de instrumente fantastice care vă ajută să obțineți potrivirea perfectă a culorilor.

Există multe instrumente pe World Wide Web pentru a obține nirvana de culoare. Ele par să fie 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 soluție de culoare, am adunat primele 20 de instrumente disponibile. Ele te vor ajuta să nu te pierzi în căutarea ta. varianta potrivitași simți „beatitudinea culorii”

01. Kuler

Kuler este poate cel mai cunoscut instrument de culoare.

Adobe Kuler este, fără îndoială, cel mai popular instrument online de temă de culoare, care a trecut de la un simplu instrument online de culoare la o resursă completă pentru crearea de teme și partajarea cu alții. Pluginurile sunt disponibile pentru toate aplicațiile Adobe majore, inclusiv Photoshop, Illustrator și InDesign, făcând din Kuler un instrument multifuncțional excelent pentru utilizatorii obișnuiți ai Creative Suite.

02. ColorExplorer

ColorExplorer poate îndeplini multe funcții diferite.

Putem spune că acesta este unul dintre cele mai atent instrumente care există pe Internet. Oferă un set mare de instrumente pentru a proiecta, personaliza și analiza paletele tale de culori. De exemplu, instrumente care ajută la determinarea accesibilității WCAG selector de culoare, instrumente de conversie care vă permit să vă deplasați între ele sisteme diferite, plus tot ce ai nevoie pentru a selecta culorile și a crea palete.

03. Culori pe Web

Colors on the Web este alimentat de Flash.

Culorile de pe Web încarcă culori solide 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. iubitori de CULOARE

COLOURlovers este un pic ca 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ă va permite să încărcați o imagine și să creați o schemă de culori bazată pe propriile culori. Este compatibil cu alte instrumente precum Kuler și Colourlovers. Pictaculous are un Adobe Swatch la îndemână pentru încărcare cu teme, ceea ce face ca „capturarea culorilor” de care aveți nevoie pentru a vă finaliza fotografia este rapidă și ușoară.

06. Contrast-A

Contrast-A creează o imitație a diferitelor defecte vizuale.

Acesta nu este un instrument tipic pentru schema de culori. Este conceput pentru a vă asigura că ați creat o schemă de culori compatibilă cu WCAG, acest lucru se face prin previzualizarea nivelurilor de contrast și folosind tehnica de simulare a lipsei de percepție a culorilor și a vizibilității scăzute. Contrast-A are o mulțime de link-uri către manuale care explică totul într-un mod mai ușor de utilizat decât documentul cu specificații î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 unele aplicații Creative Suite. Este disponibil și ca aplicație pentru iPad și poate funcționa cu Photoshop în modul de consolă color.

08. Generator de scheme de culori hexagonale

HEX creează culori care funcționează 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 un set de culori frumoase care se vor combina perfect cu culorile de bază.

09. Designer de scheme de culori

Designerul de scheme de culori are câteva moduri interesante de a crea teme de culoare.

Acest instrument online are caracteristici similare cu Adobe Kuler. Dar, datorită trucurilor interesante pentru crearea temelor de culoare, vă permite să selectați parametrii de luminozitate / saturație și contrast din proprietățile schemei, în loc să „căleați” culorile individuale care alcătuiesc tema. Designerul de scheme de culori oferă acces la un set de standarde metode matematice, inclusiv posibilitatea de a armoniza schema de culori a designului pentru unul (mono), Două (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 iubitori 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ă. Vă permite să marcați paletele, să încărcați imagini, să accesați direct linkurile CMYK și să alegeți 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 vă permite să selectați cu ușurință una dintre culorile din zona în care sunt amplasate widget-urile, chiar dacă lucrați cu Dashboard pentru MacBook sau utilizați Konfabulator pentru Windows. Colourmod în sine nu este un instrument de selecție a paletei, dar poate fi folosit în continuare pentru a selecta și defini o culoare. În acest caz, nu este nevoie 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 într-un browser Google Chrome. ColorZilla este o extensie care are o mulțime de instrumente diferite pentru a lucra cu culoarea, inclusiv: selector de culori, pipetă, creare de gradient CSS și vizualizator de palete.

13. Colormunki

Colormunki vă permite să creați o schemă de culori bazată pe mostre Pantone.

Un instrument online util introdus de creatorii Colormunki pentru calibrarea culorilor. Puteți crea palete pe baza mostrelor de culori Pantone online și puteți folosi diferite trucuri pentru a găsi combinații plăcute.

14.colr.org

Cu Colr.org puteți vedea schema de culori imaginile tale.

Acest instrument simplu oferă o oportunitate unică de a analiza schema de culori a unei imagini (în alte programe, această funcție este efectuată automat). În acest fel, puteți vedea în ce culori constă fotografia dvs. și le puteți alege pe cele care vă plac pentru a le seta ca culori principale ale temei.

15. Color Grab

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 web. Doar introduceți adresa imaginii pe care doriți să o analizați, site-ul o va „prinde”, îi va determina schema de culori și va crea o diagramă 3D simplă care va arăta utilizarea diferitelor culori pentru această imagine. Lasă-l să fie și nu cel mai mult cea mai bună opțiune pentru teme standard, dar ColourGrab este excelent pentru analiza distribuției culorilor în imagini.

Blender cu 16 culori

ColorBlender creează un set de cinci culori care se amestecă bine împreună.

Acest site este un instrument simplu care vă permite să creați o imagine de probă, să ajustați culorile și să urmăriți în timp real modul în care este selectat un set de 5 culori perfect potrivite. Paletele pot fi descărcate direct în Photoshop sau în Illustrator ca fișier EPS.

17. Bit gri

GrayBit ​​​​vă permite să analizați un site web pentru a vedea cum arată în tonuri de gri.

Acest instrument la îndemână nu se potrivește direct cu temele de culoare, dar vă permite să vă analizați site-ul pentru a vedea cum arată când este în tonuri de gri. Acest lucru vă va ajuta să verificați dacă ați obținut suficient contrast în paleta 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, unde utilizatorii își împărtășesc paletele de culori, precum și degrade și imagini. Acesta nu este doar un site web cu o schemă de culori, ci mai degrabă o sărbătoare pentru simțul estetic și merită să treci pe aici 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ă potriviț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 permite descoperiri interesante de culori.

20. Stripe Generator 2.0

Stripe Generator 2.0 ajută la atragerea atenției asupra schemelor dvs. de culori.

Este adesea denumit „cel mai recent instrument pentru web 2.0”. Stripe Generator 2.0- bun remediu pentru a crea combinații de culori plăcute și imagini neobișnuite în același timp.

Culori pentru jocul de web design rol imens. Pentru a alege corect schema de culori pentru site, există servicii speciale. Sunt sigur că fiecare web designer are cel puțin unul î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 întunecată ... Și totuși trebuie să iei altele suplimentare pentru el. Desigur, o poți face cu ochiul, dar este mai bine să folosești unul dintre serviciile speciale.

Nu voi vorbi despre teoria culorilor (aceasta este o informație prea voluminoasă), ci pur și simplu voi publica aici serviciile pe care le am în marcaje și pe care le folosesc.

Sunt prieten cu acest instrument de mulți ani. Cel mai convenabil instrument pentru alegerea culorilor (după părerea mea). Are multe caracteristici suplimentare. De exemplu, puteți vedea un exemplu de pagină deschisă și întunecată cu culorile selectate.

Este posibil să evaluați modul în care persoanele cu daltonism și alte deficiențe de vedere vă vor vedea schema de culori. Puteți alege culori sigure pentru web.

Adobe Kuler este al doilea instrument web pe care îl folosesc destul de des. Selecția schemei de culori este aproape aceeași ca pe site-ul anterior, dar îmi place nu pentru asta. Pe lângă faptul că puteți crea singur scheme de culori, puteți vizualiza și utiliza scheme create de alte persoane.

Pentru a face acest lucru, faceți clic pe butonul din stânga meniul de sus"Ceas". Și vei vedea o galerie cu tot felul de combinații de culori.

Acest instrument este puțin similar cu Colorscheme, dar are mai puține caracteristici, dar este posibil să vedeți cum vor arăta blocurile de culoare.

Cu greu folosesc acest site, dar din moment ce îl am deja în marcaje, am decis să îl adaug.

Următoarele două site-uri generează o paletă dintr-o imagine la alegere. E magic :)

Alegi orice poză ale cărei culori îți plac, serviciul o analizează și îți oferă o paletă de culori. Aceste două site-uri diferă doar prin modul în care le oferă o imagine.

Acest site are nevoie Descarca poza de pe computer.

Un selector de culori foarte la îndemână. Bazat pe principiul „Like – Dislike”.

După cum sugerează și numele, aici puteți alege culori pentru designul modern, plat, acum. Site-ul este interesant prin faptul că, alegând o paletă, o puteți descărca pentru programele Corel și Photoshop.

O altă tendință de modă este designul materialului. Acest site ajută la alegerea combinațiilor 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. Acesta este 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ți în comentarii ce site-uri de potrivire a culorilor pentru web design folosiți?

Am nevoie de un site web cu culori corecte? hai să o facem :)

Ați găsit o eroare? Evidențiați o bucată de text și faceți clic CTRL+ENTER

Potrivirea culorilor este unul dintre cei mai importanți pași în procesul de creare a unui design bun.

Pentru a vă fi mai ușor, am decis să alcătuim o selecție de cele mai bune servicii pentru a crea scheme de culori. Ele vor ajuta la economisirea timpului și, în același timp, la obținerea unui rezultat decent.

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 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, atunci 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, atunci Mudcude are propria sa galerie de elemente prefabricate.

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 potrivi 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ă permite să definiț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ă

Acesta este un instrument foarte util, 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. Ochi de tablă

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 în baza unui acord de licență Creative Commons, selectat cu grijă de creatorii de pe Flickr. Ele 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 determinați culoarea dorită, apoi derulați puțin pentru a se potrivi cu nuanța. După aceea, instrumentul va oferi toate codurile HEX necesare pe care le puteți utiliza în propriile proiecte. Unul dintre cele mai simple instrumente de utilizat.

08 SpyColor.com

Un 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 si altii ). O varietate de formate de scheme de culori sunt disponibile aici, inclusiv triadic, monocrom și multe altele.

09.Inspirație pentru design

Până la cinci nuanțe pot fi selectate pe Designspiration cu o paletă la îndemână pentru întreaga pagină, care facilitează găsirea exactă a schemelor de culori HTML pe care le căutați. Site-ul va genera apoi o pagină cu toate imaginile din baza de date care utilizează o combinație de culori similară. De asemenea, va oferi valori HEX pe care le puteți utiliza în propriile proiecte. Și imaginile pot fi salvate în colecții de pe site.

10ColorExplorer

Unul dintre cele mai atent instrumente web care oferă o mulțime de caracteristici legate de designul, personalizarea și analiza schemelor de culori. Iată câteva instrumente care vă vor ajuta să determinați Valabilitatea WCAG a schemelor de culori, precum și să generați propriile palete de culori.

11. Generator de scheme de culori hexagonale

Un mic instrument la îndemână pentru a genera combinații de culori bazate pe o singură nuanță selectată. Lipiți valoarea hexadecimală a culorii și instrumentul va oferi un set de culori potrivite pentru a le utiliza cu culoarea de bază.

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ă moduri interesante generând scheme de culori, permițându-vă să reglați luminozitatea și contrastul acestora. Aici puteți crea mai multe modele matematice populare de scheme de culori, inclusiv monocrom.

14. COPASO

Unul dintre instrumentele de pe site-ul COLOURlovers. Dar COPASO merită o atenție specială, deoarece este o soluție all-in-one incredibilă și facilitează generarea de scheme de culori gata făcute pentru site. Există multe instrumente pentru potrivirea culorilor și toate sunt plasate într-o interfață convenabilă și simplă. În plus, notele pot fi adăugate la palete, imaginile pot fi încărcate și așa mai departe.

15. Colormod

Colourmod este un software care vă permite să selectați culori individuale din zona widget, indiferent dacă utilizați un Mac sau Konfabulator pe Windows. Acesta nu este tocmai un instrument simplu de lucru cu paletele de culori, dar 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 pentru lucrul cu culoarea, inclusiv o paletă, un generator de gradient CSS și o picătură.

17. Colormunki

Un instrument online la îndemână pentru selectarea schemelor de culori de la creatorii Colormunki. Cu acesta, puteți crea cu ușurință palete de culori atractive 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ă efectuați o analiză detaliată a culorii unei imagini, care este de obicei automatizată în alte instrumente. Acest lucru vă va permite să alegeți cea mai potrivită culoare. Vă recomandăm să cunoașteți acest instrument, deși interfața sa nu este la fel de bine gândită ca în alte aplicații.

19. Color Grab

Acest instrument la îndemână creează palete de culori din orice imagine. Introduceți adresa imaginii pe care doriți să o analizați și serviciul va genera automat un grafic 3D cu informații despre culorile folosite. Deși această aplicație nu este tocmai potrivită pentru alegerea unei scheme de culori pentru un site, 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 potrivite în timp real. Paleta generată poate fi descărcată în Photoshop sau Illustrator ca fișier EPS.

21. Bit gri

GrayBit ​​vă permite să analizați site-urile web pentru a vedea cum ar arăta în tonuri de gri

Acest instrument vă va ajuta să vedeți cum arată site-ul dvs tonuri de gri. Un serviciu excelent care vă va permite să identificați zonele cu probleme în contrast.

22. COLRD

Un instrument care poate fi folosit ca inspirație sau pentru a împărtăși scheme de culori. Desigur, această resursă nu va ajuta la generarea circuitelor, dar cu siguranță ar trebui luată în considerare.

23 Shutterstock Spectrul

Imaginile pot fi filtrate după echilibrul de culoare și luminozitate

Uneori, este mai ușor să verificați dacă o schemă de culori se va potrivi uitându-vă la imagini de stoc. Aproape toate resursele de stoc majore oferă astfel de instrumente, dar Shutterstock Spectrum are o interfață foarte ușor de utilizat. După ce folosiți glisorul pentru a determina culoarea, puteți introduce cuvinte cheie care vor determina tema imaginilor. În plus, puteți filtra imaginile după echilibrul de culoare și luminozitate.

Alegerea unei scheme de culori pentru un site este una dintre cele Puncte importanteîn procesul de proiectare. Alegerea 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 dintre resursele menționate în această prezentare generală oferă posibilitatea de a alege un numar mare scheme de culori gata făcute, în timp ce altele vă permit să vă construiți interactiv propria schemă.

Kuler

Adobe Kuler conține o bibliotecă mare de scheme de culori prefabricate. 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 sortate după dată, evaluare, număr de vizualizări.

ColoRotate are o bibliotecă de scheme de culori prefabricate. De asemenea, vă puteți crea propria schemă cu instrumentul 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, va fi posibil să ajustați culorile și să vedeți efectul schemei asupra unui 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 scheme pe un șablon simplu.