Selecție de combinații de culori online. Cercul de culoare

Alegerea unei scheme de culori pentru un site este una dintre cele Puncte importanteîn procesul de proiectare. Alegerea combinațiilor de culori este destul de complicată și proces 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.

Alegerea culorilor este una dintre repereî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. Acestea 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ă

Aceasta 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. Ochi de tinichea

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 ridica nuanța. După aceea, instrumentul va emite toate codurile HEX necesare în care pot fi utilizate proiecte proprii. 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 folosesc 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ă ajută să determinați Valabilitatea WCAG a schemelor de culori, precum și să generați propria dvs palete de culori.

11. Generator de scheme de culori hexagonale

Un instrument mic la îndemână pentru a genera combinații de culori bazate pe o singură nuanță selectată. Lipiți valoarea hexagonală a culorii și instrumentul va oferi un set culori potrivite, care poate fi folosit împreună cu cel 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ă 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, se pot adăuga note la palete, se pot încărca imagini și așa mai departe.

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. 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 util 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. Lipiți în 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 selectarea unei scheme de culori pentru un site, poate fi folosită pentru a studia imaginile și caracteristicile lor de culoare.

Blender de 20 de culori

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. în 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.

Un selector de culori mic, elegant și îngrijit pentru designul paginilor HTML și alte sarcini care necesită potrivirea culorilor.

Să vedem ce poate face acest program.

Setarea punctului de culoare

Deoarece programul nu necesită instalare, pur și simplu salvăm arhiva în HDD, despachetați-l într-un loc convenabil, deschideți folderul și rulați fișierul cu extensia exe. În mod implicit, programul începe ca un buton mic:

Lucrul cu programul

Facem clic pe această pictogramă și se deschide fereastra programului în fața noastră:

Ecran

În această filă, programul vă permite să „luați” orice culoare direct de pe ecran. Adică din orice parte a ecranului care era vizibilă la momentul lansării programului. Întregul ecran este afișat într-o dimensiune redusă în fereastra Selectare zonă.

Dacă faceți clic pe orice parte din această fereastră, aceasta va apărea în următoarea fereastră mai mică „Selectați o culoare”. Aici puteți deja să vizați mai precis și să luați culoarea dintr-un anumit punct.

De asemenea, în partea dreaptă a acestei ferestre există butoane auxiliare pentru copiere în clipboard, iar sub butoanele „Actualizează” (actualizează conținutul ecranului) și „Aplica” (salvează culoarea selectată și comută fereastra la „Selectare”. fila ").

Selecţie

Iată principalele instrumente pentru potrivirea ușoară a culorilor: „Tile”, „Circle”, „Web” și „Win”, care sunt comutate folosind file suplimentare.

Lucrul cu aceste instrumente nu este dificil. Doar faceți clic pe culoarea care vă place, reglați-o cu glisoarele RGB (sau HSV - dacă acest format este mai aproape de dvs.) și vedeți dacă se potrivește sau nu.

Dacă vă place culoarea selectată, puteți copia codul acesteia din linia „Reprezentare text”. Mai mult, codul poate fi selectat și în oricare dintre formatele standard făcând clic pe săgeata mică pentru a extinde lista.

De asemenea, acordați atenție celei de-a treia ferestre de culoare din colțul din dreapta sus. Pe lângă culoarea selectată (bandă verticală), arată încă trei culori care se îmbină bine cu cea selectată.

Astfel, programul sugerează imediat mai multe culori potrivite care pot fi aplicate altor elemente ale designului proiectat.

Programul are o mulțime de butoane auxiliare diferite. Pentru a afla scopul lor, treceți cu mouse-ul peste ele și citiți sfaturile care apar în partea de jos a ferestrei programului.

Setări

Aici puteți ajusta câțiva parametri precum tipul și dimensiunea fontului și unele proprietăți cosmetice ale programului. Va fi mai convenabil să lucrați cu programul dacă debifați casetele „Deschideți în fila „Ecran”” și „Rulați în modul mini-fereastră”.

Despre program

În această ultimă filă, puteți găsi contactele dezvoltatorului și puteți vedea dacă o nouă versiune programe accesând site-ul său web.

Avantajele și dezavantajele programului

• există multe instrumente diferite pentru selectarea culorilor (cerc, plăci etc.);
• vă permite să comparați în mod convenabil culorile prin mutarea ferestrei programului aproape de alte elemente ale ecranului;
• există indicii pentru toate butoanele.

• interfață ușor complicată;
• rularea minimizată și pe fila „Ecran” nu este foarte convenabilă (deși o puteți dezactiva din setări);
• nu tuturor le va plăcea culoarea ferestrei programului.

concluzii

Programul este destul de puternic pentru unul gratuit, oferă aproape tot ce aveți nevoie pentru a selecta în mod convenabil culorile atunci când creați un design de site web. Există câteva defecte minore, cum ar fi culoarea ferestrei programului (liliac - nu pentru toată lumea), dar nu interferează cu lucrul cu ea.

P.S. Este permisă copierea și citarea liberă a acestui articol, cu condiția să se indice un link activ deschis către sursă și să se păstreze paternitatea lui Ruslan Bogdanov.

P.P.S. Dacă programul ți s-a părut complicat, există opțiuni mai simple:

Introducand unealtă folositoare pentru selecție culorile- Roata de culori a lui Itten.

Ce este?

Pe scurt, acestea sunt trei discuri plasate pe aceeași axă, pe suprafețele cărora sunt afișate toate culorile primare ale spectrului luminos, precum și numărul maxim posibil de nuanțe și o scară de contrast.

Aranjarea reciprocă a culorilor, nuanțelor, fantelor și indicatoarelor pe cerc este implementată pe baza legilor „coloristică” (teoria culorii), deci cu ajutorul lui este foarte convenabil să selectezi combinații armonioase de nuanțe acolo unde este necesar.

Adică, de fapt, este un material „în direct”, care afișează toate schemele principale de culori. „Live”, pentru că poate fi preluat, spre deosebire de imaginea de pe ecran.

dispozitiv roată de culori

Cumpără

Desigur, trebuie să puteți utiliza un astfel de dispozitiv aparent complex, așa că pe site-ul nostru nu puteți doar să cumpărați o roată de culori, ci și să vă familiarizați cu dispozitivul său în detaliu, să citiți instrucțiuni despre cum să îl utilizați, să vizionați diverse videoclipuri pe Acest subiect.

De asemenea, vă recomandăm să vă familiarizați cu serviciul online de selecție a culorilor în haine.

Cerc pentru selectarea combinațiilor de culori

Predecesorul acestui dispozitiv în sa formă modernă este inelul de culoare al lui Itten (vezi figura de mai jos).

Johannes Itten a fost primul care a evidențiat exact douăsprezece culori din întregul spectru și le-a aranjat în jurul unui cerc în așa fel încât perechile care contrastau cât mai mult una cu cealaltă să fie opuse una cu cealaltă. În centru, a plasat un triunghi cu trei culori primare - roșu, albastru și galben (din ele puteți obține tot restul amestecând în proporții diferite). Itten a închis acest triunghi într-un hexagon, în interiorul căruia a indicat ce nuanțe vor fi obținute prin amestecarea culorilor primare în proporții egale.

Adică, primul mesaj informațional pe care îl poartă un astfel de aspect este adresat artiștilor începători - aceștia pot vedea clar rezultatele amestecării diferitelor culori.

Să aruncăm o privire mai atentă la acest punct.

De ce există douăsprezece culori primare?

• După cum puteți vedea în figură, există Trei primar culorile (care sunt numite și primare).
• Amestecându-le în perechi în proporție egală, puteți obține trei secundar, total - şase.
• Amestec primar cu cerc vecin secundar dă terţiar culoare. Se dovedește încă șase combinații, în total - doisprezece.(De asemenea, culorile terțiare pot fi obținute prin amestecarea culorilor primare în proporții inegale)

Desigur, douăsprezece culori nu sunt suficiente pentru a naviga prin varietatea de culori din jur și pentru a găsi nuanța dorită sau pentru a vedea ce se întâmplă atunci când amestecați culori nu adiacente, ci complet arbitrare. Prin urmare, acele cercuri pe care le puteți găsi la reducere sau la comandă pe acest site sunt mai complicate și poartă mult mai multe Informatii utile decât un simplu „inel Itten din douăsprezece părți”.

Ghid de amestecare a culorilor

Cu acesta, puteți determina rezultatul amestecării culorilor și nuanțelor arbitrare - numărul de combinații este suficient pentru ca artistul să înțeleagă ce culori trebuie amestecate pentru a obține o anumită nuanță. Acesta este un ajutor minunat pentru desen, în special pentru artiștii începători.

Chiar dacă nuanța este ușor diferită de cea dorită, rezultatul dorit poate fi obținut prin modificarea proporțiilor vopselelor amestecate.

Dar cum să determinăm aceleași proporții? Este la întâmplare? Nu, roata de culori poate ajuta și cu asta.

scara de saturație

Această scară se află pe aceeași parte cu ghidajul de amestecare, deoarece cele două funcții funcționează în tandem.

Scala de saturație este o gradație a tonurilor de gri de la negru la alb. Din celulele gri de luminozitate diferită prezentate pe scară, puteți găsi întotdeauna o nuanță de gri cât mai apropiată de saturație de nuanța necesară, după care va deveni clar cât de mult trebuie să întunecați sau să deschideți vopseaua.

Pentru a vedea cum se face acest lucru în practică, urmăriți acest videoclip:

Scheme de combinații de culori

Partea inversă a discului conține informații nu mai puțin utile și poate chiar mai mult - ajută la selectarea combinațiilor de culori pe baza schemei selectate.

Schema combinațiilor de culori este o figură, în cel mai simplu caz, o linie care leagă culorile „potrivite” între ele. Formularea este foarte vagă, deoarece selectarea unei scări cromatice este atât o știință, cât și o artă.

În primul rând, armonia sau dizarmonia culorilor este foarte concept subiectiv. După cum se spune, „nu există niciun prieten pentru gust și culoare”.

În al doilea rând, dacă sunt „potrivite” sau „nepotrivite” - totul depinde de situație specifică, starea de spirit, despre ce anume vrea să spună artistul sau designerul, despre stilul în care acest lucru, indiferent dacă trebuie să evidențiați orice element, sau invers - faceți-l invizibil.

Roata de culori este un instrument pe care puteți afișa vizual toate schemele de culori principale, dar trebuie să puteți utiliza acest instrument. Trebuie să știi singur, sau cel puțin să simți care dintre scheme este cel mai potrivit pentru sarcina ta. La noi, vom incerca sa punem pe acest site un maxim de informatii utile despre modul de utilizare a rotii de culoare (vezi sectiunea