Roata de culori. Tasă de cheat sheet pentru combinații de culori Serviciu de combinații de culori

Culoarea este utilizată pe scară largă în design - vă permite să „reînvie” conținutul - să creați o conexiune semantică între elemente, să umpleți lucrarea cu emoții și dispoziție. Designerii începători aleg culori aleatorii, dar există modalități de a folosi culoarea în moduri mai semnificative. Să luăm în considerare 4 astfel de metode, organizate după principiul de la simplu la complex.

1. Folosiți o scară cunoscută

Site-ul web brandcolors.net conține peste 500 de combinații de culori ale unor mărci celebre. Yandex, Google, Burger King folosesc aceeași paletă în toate produsele lor. Aceste mărci și culorile lor sunt familiare și iubite de mulți. Introduceți numele în bara de căutare sau derulați prin pagină, faceți clic pe marca și culoarea dorite: codul acestuia va fi copiat în clipboard.

2. Alegeți o paletă profesională gata făcută

Cel mai simplu mod este să luați o combinație de culori gata făcută. Nu este necesar să reinventezi roata de fiecare dată, deoarece combinațiile armonioase se cunosc de mult. Accesați colordrop.io și alegeți. Există sute de palete profesionale în 4 culori pe site. După ce l-ați selectat pe cel dorit, faceți clic și copiați codurile de culoare din panoul care se deschide în dreapta.

În plus, serviciul conține o selecție gata făcută de 24 de culori de design plat. Faceți clic în stânga sub numele „Flat Colors” și luați codul pentru nuanța care vă place.

3. Determinați paleta de culori a fotografiei sau imaginii care vă place

Această metodă este puțin mai complicată. Dar și mai eficient.

• Pe site-ul web coolors.co, în panoul din stânga sus, găsiți pictograma camerei și faceți clic pe ea. Se va deschide o fereastră de încărcare a imaginii.
• Puteți selecta o fotografie sau o imagine cu schema de culori care vă place de pe computer sau puteți copia linkul într-o coloană goală.
• Serviciul va determina combinația de culori (mai jos sub imaginea încărcată).
• Puteți schimba culorile individuale ale acestei palete prin marcarea acestora și selectând un punct din fotografie din care doriți să luați culoarea.
• Butonul „Colaj” salvează paleta rezultată cu coduri de culoare pe computer.
• Butonul „Automat” generează noi combinații bazate pe aceeași fotografie.
• Faceți clic pe „Ok” și accesați pagina principală a site-ului pentru a lucra în continuare cu paleta.

Pagina principală a site-ului nu este mai puțin funcțională. Aici puteți selecta nuanțe de culori individuale sau puteți crea o nouă paletă prin înlocuirea culorilor individuale.

4. Creează-ți propria schemă de culori online

Încărcând o fotografie pe același site web coolors.co, nu numai că puteți determina codul de culoare, ci și puteți crea propriile combinații. Pentru a face acest lucru, apăsați pe bara de spațiu - serviciul creează automat o combinație de 5 culori.

Pe fiecare culoare 4 butoane pictograme:

• Nuanțe alternative - Nuanțe de culoare (mai închise și mai deschise),
• Trageți (Mutați o culoare la dreapta sau la stânga în paletă),
• Ajustați (Ajustați nuanța, saturația, luminozitatea etc.),
• Blocare (culoare fixă).

Alegerea culorilor este una dintre cele mai importante etape în procesul de creare a unui design bun.

Pentru a vă ușura lucrurile, am decis să punem împreună o selecție a celor mai bune servicii pentru crearea schemelor 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 galerie de resurse gata făcute care pot fi și ele folosite.

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ă

Acesta este un instrument foarte convenabil, 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, pe care le puteți utiliza în propriile proiecte. 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ă 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 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

Colourmod este un software care vă permite să selectați culori individuale dintr-o zonă widget, indiferent dacă utilizați un Mac sau Konfabulator pe Windows. Acesta nu este un instrument foarte simplu pentru a lucra 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 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 permite analiza detaliată a culorilor imaginii, care este de obicei automatizată în alte instrumente. Acest lucru vă va permite să alegeți cea mai potrivită culoare. 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. în 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 specifica cuvinte cheie care vor ajuta la determinarea temei fotografiilor. În plus, puteți filtra imaginile după echilibrul de culoare și luminozitate.

Alegerea unei scheme de culori pentru un site web este unul dintre punctele 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 dintre resursele menționate în această recenzie oferă posibilitatea de a alege dintr-un număr mare de 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 online simplu de generare a schemelor de culori. 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 aspectul diagramei pe un șablon simplu.

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.

Așadar, pentru a ușura procesul de selecție a culorilor, am adunat 20 dintre cele mai bune instrumente disponibile. Ele vă vor ajuta să nu vă confundați în căutarea unei opțiuni potrivite și să simțiți „beatitudine de culoare”

01. Răcitor

Kuler este poate cel mai faimos instrument de lucru cu culoarea.

Adobe Kuler este poate cel mai popular instrument online de temă de culoare, evoluând de la un simplu instrument online de culoare 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 selectoare de culori, instrumente de conversie care vă permit să vă deplasați între diferite sisteme și tot ce aveți nevoie pentru a selecta culori ș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 consolă 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 de a crea 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 metode matematice standard, inclusiv abilitatea de a selecta armonios schema de culori a unui 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 Colormod de pe desktop 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 mulțime de instrumente diferite pentru a lucra cu culoarea, inclusiv: selector de culori, picătură, creator 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 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 vă oferă capacitatea unică de a analiza schema de culori a unei imagini (alte programe fac acest lucru 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ă. Deși poate să nu fie cea mai bună opțiune pentru temele standard, 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 este un instrument bun pentru a crea combinații frumoase de culori și imagini neobișnuite în același timp.