Generați palete de culoare nesfârșită cu Khroma

Sep 12, 2025

să

Folosirea excelentă a lui Teoria culorilor În design este unul dintre acele lucruri care separă cel mai mare din media. În timp ce subiectivă și nuanțată, culoarea este un instrument puternic care poate defini emoția și tonul unei experiențe digitale. Pentru ceva atât de important, propriul meu flux de lucru în jurul culorii a lipsit grav.

3 tendințe de culoare uriașe pentru 2018

Deși există o mulțime de resurse excelente deja acolo, am aflat că nu există nici o modalitate de a naviga și de a compara combinațiile originale de culori rapide care se simțeau gata de utilizare. Asta am intenționat să rezolv prin construirea Khroma. .

Alegeți o culoare, orice culoare

The Khroma training screen with the chosen colour bar up top — Ecranul de antrenament Khroma cu bara de culori aleasă în sus

Unul dintre lucrurile interesante despre Khroma este că ajungeți să instruiți un algoritm AI pentru a acționa ca o extensie a creierului de designer de culoare. Provocarea este că, pentru a face acest lucru bine, trebuie să alegeți 50 de culori care vă plac. La construirea algoritmului, am încercat să o fac să funcționeze cu mai puțin, dar rezultatele nu erau destul de bune.

Cincizeci asigură că generatorul are o gamă decentă care să fie variată și suficient de flexibilă pentru a ajuta la toate modelele dvs. Procesul de instruire este relativ nestructurat și este probabil știința și arta părților egale. Câteva pro sfazi din experiența mea ar trebui să vă ajute să profitați la maximum de ea.

Merită menționat aici cum funcționează algoritmul. Cele 50 de culori vor fi folosite pentru a instrui o rețea neuronală care va fi capabilă să recunoască sute de mii de culori similare pe care le veți dori (vom numi această afinitate de culoare). Știe ce culori nu vă place pentru că nu este în originalul 50 pe care l-ați ales. Asta înseamnă că dacă nu selectați maro închis, nu o veți vedea. Asta e bine dacă nu ești un fan brun închis, dar nu dacă ți-e dor de ceva ce îți place foarte mult. Asta face ca o varietate să fie atât de importantă.

Pentru a începe instruirea generatorului Khroma, mergeți la Khroma.co și faceți clic pe Personalizare. Veți vedea o anumită instrucțiune și un perete de derulare infinit de blocuri de culoare. Un clic pe unul dintre aceste blocuri îl va adăuga în bara de culori aleși și altul o va elimina. Cea mai bună modalitate de a continua este de a derula și de a alege orice culoare care sare ca ceva pe care doriți să îl utilizați într-un design. Acest lucru funcționează bine pentru primele 30 de culori.

Timp pentru a rafina

În acest moment, veți dori să vă uitați la bara de culori aleasă și să vedeți cum se formează. Dacă acesta a fost culorile dvs. de document în schiță, ați avea tot ce aveți nevoie? Următoarele 20 de culori de aici ar trebui să fie despre rafinament. Pe măsură ce continuați un mic ToolTip va apărea cu unele sugestii, de exemplu "alegerea mai multor magenta, galben și culori palide vă va îmbunătăți rezultatele". Vă recomandăm să renunțați la acestea, dar nu vă fie frică să continuați să luați culori noi. De aici ar trebui să alegeți încă 10, aducând totalul la 40 de ani.

Uită-te din nou la bar. Vedeți culori care sunt practic aceleași? Nu este neobișnuit să alegeți aceleași culori mai mult decât o dată, bine, vă place. Dar asta nu va fi utilă algoritmului tău.

Am avut un prieten încercând un prototip timpuriu și mi-a spus că rezultatele lui nu erau foarte bune. "Este mai ales albastru", a spus el. "Ai ales cea mai mare parte albastră în antrenamentul tău?" Am raspuns. "Da, îmi place foarte mult albastru".

Cel mai bun rezultat va veni de la găsirea cât mai largă a afinității de culoare. Este mouse-o pe o culoare repetată în bara de sus, puteți face clic pentru ao elimina. Acest lucru eliberează acest slot pentru o culoare pe care nu ați ales-o încă aleasă. Faceți o tăiere a oricăror repetări și continuați să completați culori noi până când aveți cinci ponturi rămase.

Aruncați în unele metacaractere

Am găsit-o plină de satisfacție pentru a arunca în unele metacuri pentru ultimele cinci ponturi. Acestea sunt culori pe care nu cred că le-aș folosi vreodată pe cont propriu. Adesea am fost plăcut surprins de ceea ce face Khroma cu ei. Când alături de alte culori, par să se potrivească perfect într-un mod pe care nu mi-aș fi imaginat-o.

Când ați ales cartea dvs. de salvare veți vedea un buton de tren pop în partea dreaptă sus. Puteți continua să alegeți culorile atâta timp cât doriți din acest punct, dar dacă culorile alese arata ca o paletă frumoasă întunecată cu o mulțime de varietăți, probabil că ați început să începeți antrenamentul.

Formarea ar trebui să dureze aproximativ trei minute. Vă puteți aștepta ca acuratețea să se ridice la înălțimea anilor '90. Acest lucru reprezintă, în esență, cât de bine algoritmul vă poate identifica culorile. Puteți să vă întoarceți și să vă editați mai târziu culorile de antrenament dacă doriți să încercați unele Tweaks.

Construiți-vă colecția

Când procesul de antrenament se termină, veți fi abandonați în generator. Veți fi prezentat cu o grilă infinit de derulare a combinațiilor de culori în șablonul de tip. Fiecare combo are un panou de informații pe care îl puteți deschide pentru a vedea detalii precum valorile numelui, HEX și RGB, precum și un raport de accesibilitate WCAG. Cu pictograma inimii din dreapta sus, puteți începe să construiți o colecție de favorite.

Găsiți combo-ul drept

Doing a palette search with #8BD2CA and #32514E. If you're not seeing anything you like, try rearranging the colours in the search bar — Făcând o căutare a paletei cu # 8BD2CA și # 32514E. Dacă nu vă vedeți nimic, încercați să rearanjați culorile în bara de căutare

Căutarea este una dintre cele mai puternice caracteristici ale lui Khroma. Adesea, voi avea o idee liberă despre ceea ce caut sau lucrez deja cu o anumită culoare și vreau să găsesc completări. Deoarece Khroma vă oferă acces la sute de mii de culori RGB în gama dvs. de afinitate, părea că este important să se poată depăși prin ele.

Există parametri diferiți pe care îl puteți căuta cu: Tip, Hue, Nume, Hex și RGB. Tipurile includ întuneric, luminos, pastel, palid, adânc, dezactivat, bogat, luminos și neon. Nuanțele sunt calde, răcoroase, roșii, portocalii, galben, verde, cyan, albastru, violet, violet și magenta. Există 1.566 de culori specifice pe care le puteți căuta cu nume precum "albastru regal" și "cafea". În cele din urmă, acceptă valori Hex și RGB.

Deoarece Khroma funcționează cu două combinații de culori, salvați pentru palete, există două sloturi pentru interogările de căutare. Dacă introduceți un termen în bara de căutare și căutați, veți obține rezultate potrivite că termenul pentru primul slot de culoare și al doilea va fi aleatoriu.

De exemplu, dacă căutați "luminos", veți obține o culoare de înaltă saturație și o pereche aleatorie cu ea. Dacă căutați "luminos și albastru", veți obține acele culori strălucitoare și un albastru aleatoriu în al doilea slot. Puteți, de asemenea, termeni de tip lanț și hue împreună, cum ar fi "albastru strălucitor" și "galben pal", de exemplu.

The details of each pair of colours. Everything can be copied with just a click for quick usage — Detaliile fiecărei perechi de culori. Totul poate fi copiat cu doar un clic pentru o utilizare rapidă

Un caz mare de utilizare în care căutarea este utilă în special atunci când aveți două culori care vă plac și doriți să le găsiți completări. Ați intrat doar acele culori exacte (spun # 8BD2CA și # 32514E) și să căutați sub șablonul paletei.

Uneori veți căuta o culoare sau un termen care nu este în gama dvs. de afinitate. Aici au intrat în joc controalele de părtinire. Le veți vedea ca două clicuri și trageți câmpurile din partea dreaptă sus a barei de instrumente. Bias reprezintă cât de stricte este generatorul în culorile potrivite cu 50 pe care le-ați ales.

Fiecare culoare Khroma generează trece prin algoritm și primește un procent (cât de probabil crede că vă va plăcea culoarea) ca răspuns. Dacă acest procent este sub prejudecată, acesta va fi aruncat și procesul se repetă.

În cazul unei interogări de căutare în afara domeniului, părtinirea este redusă automat până când poate trece testul de prag. Dacă este în totalitate din gama dvs. (cum ar fi maro închis de la mai devreme), atunci va fi automat o dată la 0. În acest fel, fiecare culoare pe care o obțineți în Khroma implicită la afinitate, dar este capabilă să vă ajustați, astfel încât să nu numai că nu sunteți limitat la acele culori.

Imagini personalizate

The five templates of Khroma – you can see the palette adding a couple more colours to the mix — Cele cinci șabloane de Khroma - puteți vedea paleta care a adăugat mai multe culori la amestec

Puteți găsi câteva opțiuni la îndemână în partea de sus din dreapta sub pictograma Setări. Una dintre ele este abilitatea de a încărca o imagine personalizată la șablonul de imagine. Nu trebuie să faceți nimic în prealabil imaginii; Asigurați-vă că este dimensiunea potrivită.

În timp ce puteți merge mai departe și folosiți-vă propriul headshot (nu voi judeca), este mai bine să vă gândiți la aceasta ca fiind abilitatea de a vă face propriul șablon. Luați o captură de ecran a ceva ce lucrați în schiță sau instrumentul de design de alegere, încărcați-l și începeți să navigați în combinații nelimitate!

Sper că îi dați lui Khroma o încercare și o consideră un plus util și puternic la instrumentul de design.

Acest articol a fost inițial publicat în numărul 303 din net , cea mai bună revistă din lume pentru designeri și dezvoltatori web. Cumpăra problema 303. sau Abonați-vă aici .

Articole similare:

5 sfaturi pentru înțelegerea teoriei culorii
Cele mai bune instrumente de culoare pentru designerii web
7 sfaturi pentru a gestiona mai bine culoarea pe web

Generați palete de culoare nesfârșită cu Khroma

Alegeți o culoare, orice culoare

Timp pentru a rafina

Aruncați în unele metacaractere

Construiți-vă colecția

Găsiți combo-ul drept

Imagini personalizate

să - Cele mai populare articole

Ghidul esențial pentru înregistrarea în art.

Ce este în interiorul unghiului 8?

Cum se creează un vârcolac 3D în motorul ireal

Master perie mixer în Photoshop

Începeți cu platforma de animație cu Greensock

Cum să faci propria ta caracteristică

5 moduri de a crea mai multe experiențe mai imersive VR

Cum să obțineți modelul dvs. Zbrush în Maya

Categorii