Värvide sobitamine on hea disaini loomise protsessi üks olulisemaid samme.

Teie jaoks lihtsamaks muutmiseks otsustasime koostada valiku parimatest teenustest värvilahenduste loomiseks. Need aitavad säästa aega ja saada samal ajal korraliku tulemuse.

01. Adobe Color CC

Adobe on oma Kuleri projekti ümber nimetanud Coloriks

Võib-olla tunnete seda tööriista endise nimega Adobe Kuler. Kuid Adobe nimetas hiljuti ühe oma populaarse veebirakenduse ümber Adobe Color CC-ks.

See võimaldab teil valida, luua ja salvestada erinevaid värvilahendusi, millest igaüks võib sisaldada kuni viit värvi. Tööriist on saadaval nii brauseri kui ka töölaua versioonina. Kui kasutate töölauaversiooni, saate eksportida värviskeemi otse Photoshopi, Illustratori ja InDesigni.

02. Mudakuubiku värvisfäär

Kui te pole oma värviskeemis kindel, on Mudcudel oma valmisvarade galerii.

Mudcube Color Sphere on disaineritele väga mugav miniatuurne ressurss, mis mitte ainult ei paku valitud värvide jaoks kuueteistkümnendkoode, vaid võimaldab teil luua ka oma projektide jaoks värvilahendusi. Samuti väärib märkimist, et Mudcube'il on oma valmisressursside galerii, mida saate ka kasutada.

03. Kontrolli minu värve

Check my Colors on loodud spetsiaalselt kõigi DOM-i elementide tausta ja esiplaani värvikombinatsiooni hindamiseks ja sobitamiseks. Ja ka selleks, et teada saada, kas elemendid on omavahel piisavalt harmoonilised. Kõik testid põhinevad algoritmidel, mida soovitab World Wide Web Consortium ( W3C).

04. Värvirakendus

Rakendus aitab teil välja selgitada valitud värvide RGB, HEX ja HSLA väärtused

iOS-i tööriist Värvirakendus võimaldab suure värvipaleti abil lihtsalt ja lihtsalt värve määrata. See võimaldab teil välja selgitada värvide RGB, HEX ja HSLA väärtused ning luua saidi jaoks oma värviskeemid.

05. Värvikütt

Color Hunter loob valitud pildi põhjal värviskeemi

See on väga mugav tööriist, eriti kui teil on vaja leida konkreetne värv. Valige pilt ja laadige see üles Color Hunterisse. Tööriist loob valitud pildi põhjal värvipaleti. See on suurepärane meetod oma värvilahenduste loomiseks.

06. Tinasilm

Kui teil on vaja saada kindel värv, sisestage URL-i HEX-väärtus

See sait kasutab 10 miljonist Creative Commonsi litsentsilepingu alusel tasuta saadaolevast pildist koosnevat andmebaasi, mille Flickri loojad on hoolikalt välja valinud. Neid saab kasutada sobivate värviskeemide loomiseks.

07 Värv

Mugav miniatuurne veebirakendus. Hõljutage kursorit ekraani kohal ja määrake soovitud värv, seejärel kerige veidi, et saada varju. Pärast seda annab tööriist välja kõik vajalikud HEX-koodid, mida saate oma projektides kasutada. Üks lihtsamini kasutatavaid tööriistu.

08. SpyColor.com

Tasuta värviskeemi generaator, mis pakub värviteavet ja võimaldab teil selle teisendada mis tahes skeemiks ( RGB, CMYK ja teised ). Siin on saadaval mitmesugused värviskeemi vormingud, sealhulgas kolmik, ühevärviline ja palju muud.

09. Disaini inspiratsioon

Designspirationis saab valida kuni viis tooni käepärase täisleheküljelise paleti abil, mis hõlbustab täpselt soovitud HTML-i värvilahenduste leidmist. Seejärel loob sait lehe kõigi andmebaasis olevate piltidega, mis kasutavad sarnast värvikombinatsiooni. See pakub ka HEX-väärtusi, mida saate oma projektides kasutada. Ja pilte saab salvestada saidi kogudesse.

10 ColorExplorer

Üks läbimõeldumaid veebitööriistu, mis pakub palju värviskeemi kujundamise, kohandamise ja analüüsiga seotud funktsioone. Siin on mõned tööriistad, mis aitavad teil kindlaks teha WCAG-värviskeemide kehtivus, samuti luua oma värvipalette.

11. Hex värviskeemide generaator

Mugav väike tööriist värvikombinatsioonide loomiseks ühe valitud tooni põhjal. Kleepige värvi kuueteistkümnendväärtus ja tööriist pakub baasvärviga kasutamiseks sobivate värvide komplekti.

12. VÄRVI armastajad

COLOURlovers on kogukond värvilahenduste jagamiseks. Siin saate ammutada inspiratsiooni teiste kasutajate värvikomplektidest, samuti luua ja jagada enda oma.

13. Värviskeemi kujundaja

See veebitööriist pakub huvitavaid viise värviskeemide loomiseks, võimaldades teil reguleerida nende heledust ja kontrasti. Siin saate luua mitmeid populaarseid matemaatilisi värvilahenduste mudeleid, sealhulgas ühevärvilisi.

14. COPASO

Üks tööriistu COLOURlovers veebisaidilt. Kuid COPASO väärib erilist tähelepanu, kuna see on uskumatu kõik-ühes lahendus ja muudab saidi jaoks valmis värvilahenduste loomise lihtsaks. Värvide sobitamiseks on palju tööriistu ning kõik need on paigutatud mugavasse ja lihtsasse liidesesse. Lisaks saab palettidele lisada märkmeid, pilte üles laadida jne.

15. Colormod

Colourmod on tarkvara, mis võimaldab teil valida vidinate alalt üksikuid värve, olenemata sellest, kas kasutate Windowsis Maci või Konfabulaatorit. See ei ole just lihtne tööriist värvipalettidega töötamiseks, kuid see aitab teil kiiresti ja hõlpsalt värve määrata, ilma et peaksite alla laadima raskeid programme.

16. ColorZilla

ColorZilla on saadaval nii Chrome'i kui ka Firefoxi jaoks

See projekt sai alguse Firefoxi pistikprogrammina, kuid täna on see saadaval ka Google Chrome'i jaoks. ColorZilla on laiendus, mis sisaldab mitmeid tööriistu värvidega töötamiseks, sealhulgas palett, css-i gradiendi generaator ja tilguti.

17. Colormunki

Mugav veebitööriist Colormunki loojate värvilahenduste valimiseks. Selle abil saate hõlpsasti luua Pantone-põhistest näidistest atraktiivseid värvipalette, kasutades mitmeid tehnikaid.

18.colr.org

Colr.org võimaldab teil määrata mis tahes pildi värvivahemiku

See tööriist võimaldab pildi üksikasjalikku värvianalüüsi, mis on tavaliselt muudes tööriistades automatiseeritud. See võimaldab teil valida kõige sobivama värvi. Soovitame selle tööriistaga tutvuda, kuigi selle liides pole nii läbimõeldud kui teiste rakenduste puhul.

19. Värv Grab

See mugav tööriist loob mis tahes pildist värvipalette. Kleepige selle pildi aadress, mida soovite analüüsida, ja teenus genereerib automaatselt 3D-graafiku, mis sisaldab teavet kasutatud värvide kohta. Kuigi see rakendus ei sobi saidi värviskeemi valimiseks täpselt, saab seda kasutada piltide ja nende värviomaduste uurimiseks.

20 ColorBlender

ColorBlender loob viiest sobivast värvist koosneva paleti

Üks lihtsamaid tööriistu, mis võimaldab teil värvi reguleerida ja saada reaalajas viis sobivat värvi. Loodud paleti saab alla laadida Photoshopis või Illustratoris EPS-failina.

21. Hall bitt

GrayBit ​​võimaldab teil veebisaite analüüsida, et näha, kuidas need halltoonides välja näeksid

See tööriist aitab teil näha, kuidas teie sait halltoonides välja näeb. Suurepärane teenus, mis võimaldab teil probleemsed piirkonnad eristada.

22. KÜLMA

Tööriist, mida saab kasutada inspiratsioonina või värvilahenduste jagamiseks. Loomulikult ei aita see ressurss vooluahelate genereerimisel, kuid sellega tuleks kindlasti arvestada.

23 Shutterstocki spekter

Pilte saab filtreerida värvitasakaalu ja heleduse järgi

Mõnikord on kõige lihtsam kontrollida, kas värviskeem sobib, vaadates varupilte. Peaaegu kõik suuremad aktsiaressursid pakuvad selliseid tööriistu, kuid Shutterstock Spectrumil on väga kasutajasõbralik liides. Pärast liuguri kasutamist värvi määramiseks saate sisestada märksõnad, mis määravad piltide teema. Lisaks saate pilte filtreerida värvitasakaalu ja heleduse järgi.

Professionaalne veebidisain ei ole täielik ilma värviskeemi loomiseta. See artikkel räägib 20 fantastilisest tööriistast, mis aitavad teil saavutada täiusliku värvisobivuse.

Veebis on palju tööriistu värvinirvaana saavutamiseks. Tundub, et need on täiesti erinevad, kuid paljud neist on lihtsalt populaarsemate ja kasulikumate tööriistade muudetud versioonid.

Nii et värvivaliku hõlbustamiseks oleme koondanud 20 parimat saadaolevat tööriista. Need aitavad teil sobiva variandi otsimisel mitte segadusse sattuda ja tunda "värviõndsust"

01. Kuler

Kuler on ehk kõige tuntum värvitööriist.

Adobe Kuler on vaieldamatult kõige populaarsem veebipõhine värviteema tööriist, mis on muutunud lihtsast veebipõhisest värvitööriistast täielikuks ressursiks teemade loomiseks ja teistega jagamiseks. Pluginad on saadaval kõigi suuremate Adobe rakenduste jaoks, sealhulgas Photoshop, Illustrator ja InDesign, mis teeb Kulerist suurepärase funktsioonidepakitud tööriista tavalistele Creative Suite'i kasutajatele.

02. ColorExplorer

ColorExplorer võib täita palju erinevaid funktsioone.

Võime öelda, et see on üks läbimõeldumaid tööriistu, mis Internetis saadaval on. See pakub suurt hulka tööriistu oma värvipalettide kujundamiseks, kohandamiseks ja analüüsimiseks. Näiteks tööriistad, mis aitavad ligipääsetavust määrata WCAG värvivalija, teisendustööriistad, mis võimaldavad liikuda erinevate süsteemide vahel ning kõik vajalik värvi valimiseks ja palettide loomiseks.

03. Värvid veebis

Colors on Web'i toiteallikaks on Flash.

Värvid veebis laadib kindlad HEX- või RGB-värvid ja loob skeemide komplekti, mis põhinevad erinevatel matemaatilistel proportsioonidel. See tööriist ei tööta iPadis ega iPhone'is, kuna see kasutab programmi käitamiseks Flashi.

04. VÄRVI armastajad

COLOURlovers sarnaneb värvide poolest pisut Pinterestiga

05. Pilktaoline

Pictaculous võimaldab pilti üles laadida ja selle põhjal värviskeemi genereerida.

See MailChimpi loojate tööriist võimaldab teil pilti üles laadida ja oma värvide põhjal luua värviskeemi. See ühildub mõne muu pilliga nagu Kuler ja Colourlovers. Pictaculousil on mugav Adobe Swatch, mille abil saate laadida teemasid, mis teeb foto valmimiseks vajalike värvide jäädvustamise kiireks ja lihtsaks.

06. Kontrast-A

Contrast-A loob erinevate visuaalsete defektide imitatsiooni.

See ei ole tüüpiline värviskeemi tööriist. Selle eesmärk on veenduda, et olete loonud WCAG-ühilduva värviskeemi. Seda tehakse kontrastitasemete eelvaate abil ning värvitaju puudumise ja halva nähtavuse simuleerimise tehnika abil. Kontrast-A-l on palju linke juhenditele, mis selgitavad kõike kasutajasõbralikumalt kui spetsifikatsioonidokument ise.

07. ColoRotate

ColoRotate'il on ilus "värviratta" visualiseerimine

ColoRotate'il on Kuleriga sarnased omadused, kuid see erineb paletti kuvamise poolest kaunil 3D-koonusel ja võimalusega genereerida ühes skeemis rohkem kui 5 värvi. Tööriista saab integreerida mõne Creative Suite'i rakendusega. See on saadaval ka iPadi rakendusena ja töötab Photoshopiga värvikonsoolirežiimis.

08. Hex värviskeemi generaator

HEX loob värve, mis sobivad hästi olemasoleva värvilahendusega.

HEX on mugav väike tööriist värvide genereerimiseks. Sisestage lihtsalt värvikood ja see kuvab ilusate värvide komplekti, mis sobivad ideaalselt teie põhivärvidega.

09. Värviskeemi kujundaja

Värviskeemi kujundajal on huvitavaid viise värviteemade loomiseks.

Sellel võrgutööriistal on sarnased funktsioonid Adobe Kuleriga. Kuid tänu huvitavatele nippidele värviteemade loomiseks võimaldab see valida skeemi omadustest heleduse/küllastuse ja kontrasti parameetrid, selle asemel, et teemat moodustavate üksikute värvidega “näpistada”. Värviskeemi kujundaja pakub juurdepääsu standardsete matemaatiliste meetodite komplektile, sealhulgas võimaluse ühtlustada ühe kujunduse värviskeemi. (mono), kaks (täiendama), kolm (kolmik) või neli (tetrad) värvid varjundite ja pooltoonidega.

10. COPASO

COPASO on suurepärane tööriist mitme probleemi korraga lahendamiseks.

Üks veebisaidi tööriistadest VÄRVI armastajad, COPASO väärib erilist tähelepanu, kuna võimaldab palettide loomisel korraga lahendada palju probleeme. See pakub lihtsas liideses täielikku värvivaliku tööriistade komplekti. See võimaldab teil märgistada palette, üles laadida pilte, hüpata otse CMYK-linkidele ja valida, kuidas oma värviskeemi luua.

11 Colormod

Colourmodi töölauavidin aitab teil värve hõlpsalt valida ja määratleda.

Colourmod on töölauatööriist, mis võimaldab teil hõlpsasti valida ühe värvi tsoonist, kus vidinad asuvad, isegi kui töötate MacBooki jaoks mõeldud Dashboardiga või Windowsi jaoks mõeldud Konfabulatoriga. Colourmod ise ei ole paleti valimise tööriist, kuid seda saab siiski kasutada värvi valimiseks ja määratlemiseks. Sel juhul ei pea te muid raskemaid programme käivitama.

12. ColorZilla

ColorZilla töötab Chrome'is ja Firefoxis.

See rakendus töötati algselt välja Firefoxi pistikprogrammina, kuid seda saab kasutada ka Google Chrome'i brauseris. ColorZilla on laiendus, millel on värvidega töötamiseks palju erinevaid tööriistu, sealhulgas: värvivalija, tilguti, css-i gradiendi loomine ja paletivaatur.

13. Colormunki

Colormunki võimaldab teil luua Pantone'i proovide põhjal värviskeemi.

Mugav veebitööriist, mille Colormunki loojad tutvustasid värvide kalibreerimiseks. Saate luua Internetis Pantone'i värviproovide põhjal palette ja kasutada erinevaid nippe, et leida meeldivaid kombinatsioone.

14.colr.org

Colr.org-iga näete oma piltide värvivalikut.

See lihtne tööriist annab ainulaadse võimaluse analüüsida pildi värviskeemi (teistes programmides täidetakse seda funktsiooni automaatselt). Nii näete, millistest värvidest teie pilt koosneb, ja saate valida need, mis teile meeldivad, et määrata need teema põhivärvideks.

15. Värv Grab

ColourGrab on suurepärane kompaktne pildi värviskeemi generaator.

See mugav tööriist loob värvipaleti mis tahes veebis oleva pildi põhjal. Sisestage lihtsalt analüüsitava pildi aadress, sait "haarab" selle, määrab selle värviskeemi ja loob lihtsa 3D-diagrammi, mis näitab selle pildi erinevate värvide kasutamist. See ei pruugi olla standardsete teemade jaoks parim valik, kuid ColourGrab on suurepärane piltide värvijaotuse analüüsimiseks.

16 värviblender

ColorBlender loob viiest värvist koosneva komplekti, mis omavahel hästi segunevad.

See sait on lihtne tööriist, mis võimaldab teil luua näidispilti, kohandada värve ja jälgida reaalajas, kuidas valitakse 5 ideaalselt sobivat värvi. Palette saab EPS-failina otse Photoshopi või Illustratori alla laadida.

17. Hall bitt

GrayBit ​​võimaldab teil veebisaiti analüüsida, et näha, kuidas see halltoonides välja näeb.

See mugav tööriist ei sobi otseselt värviteemadega, kuid võimaldab teil oma saiti analüüsida, et näha, milline see halltoonides välja näeb. See aitab teil kontrollida, kas olete saavutanud värvipaletis piisavalt kontrasti, et oleks lihtne lugeda.

18. KÜLMA

COLRD sobib suurepäraselt oma värvilahenduste jagamiseks ja uute tundmaõppimiseks.

See värvikas sait on suurepärane inspiratsiooniallikas, kus kasutajad jagavad oma värvipalette, aga ka gradiente ja pilte. See ei ole lihtsalt värviskeemi sait, vaid pigem esteetilise meele pidusöök ja tasub külastada paari hämmastava avastuse jaoks.

19. Värvikütt

Color Hunter on suurepärane sait uute värvide leidmiseks.

Color Hunter aitab kiiresti sobitada üleslaaditud piltide värviskeemi, otsides sobivat silti või kasutades HEX linke. Kiire ja lihtne kasutada, sait võimaldab huvitavaid värviavastusi.

20. Stripe Generator 2.0

Stripe Generator 2.0 aitab juhtida tähelepanu teie värviskeemidele.

Seda nimetatakse sageli "veebi 2.0 uusimaks tööriistaks". Stripe Generator 2.0 on hea tööriist üheaegselt toredate värvikombinatsioonide ja ebatavaliste piltide loomiseks.

Veebilehe värviskeemi valimine on disainiprotsessi üks olulisemaid etappe. Värvide kombinatsiooni valimine on üsna keeruline ja loominguline protsess. Õnneks on palju teenuseid, mis võivad õige valiku tegemisel olulist tuge pakkuda.

Mõned selles ülevaates mainitud ressursid võimaldavad teil valida suure hulga valmis värvilahenduste hulgast, teised aga võimaldavad interaktiivselt oma skeemi koostada.

Kuler

Adobe Kuler sisaldab suurt teeki eelnevalt valmistatud värviskeeme. Diagrammi saate veebis vaadata ja Adobe Creative Suite'i toodetes kasutamiseks alla laadida.

Color Loversil on praegu ligi 2 miljonit kasutaja loodud värviskeemi. Saate vaadata neid sorteerituna kuupäeva, hinnangu ja vaatamiste arvu järgi.

ColoRotate'il on eelnevalt valmistatud värviskeemide raamatukogu. Samuti saate ainulaadse 3D-tööriistaga luua oma skeemi. Värviskeemi saab kasutada otse Photoshopis ja Fireworksis, kasutades ColoRotate'i pistikprogrammi.

Värviskeemi kujundaja võimaldab valida värviskeemi tüübi (mono, komplementaarne, kolmik, tetraad, analoog). Siis on võimalik värve reguleerida ja näitel näha skeemi mõju.

ColorSchemeril on suur kasutaja loodud värviskeemide raamatukogu. Saate neid sortida postitamise kuupäeva, hinnangu või allalaadimiste arvu järgi.

Pictaculous on lihtne veebipõhine värviskeemi genereerimise tööriist. Saate pildi üles laadida ja teenus loob diagrammi, mida pildiga kasutada.

Värv Spire

Color Spire on väga lihtsalt kasutatav teenus. Valite põhivärvi ja see soovitab värviskeemi. Skeemi välimust näete ka lihtsal mallil.

Värv on disaineri töös üks olulisemaid elemente. Kuid kontseptsioonina on seda üsna raske hallata: paljud palettide kombinatsioonid muudavad sageli raskeks otsustada, kuidas veebilehtede ja rakenduste liidest kõige paremini kujundada. Varem avaldasime ülevaated valitud tööriistadest ja. Ja täna tahame seda teemat laiendada, postitades blogisse Nick Babichi artikli tõlke UX-disaineritele olulised värvitööriistad.

See postitus sisaldab veebisaitide ja UX-i disaini parimate värvide sobitamise teenuste loendit, mis säästab teie aega. Nende projektide kaudu saate teada:

• kust inspiratsiooni ammutada;
• kuidas luua oma paletti;
• kuidas teha disain kättesaadavaks värvinägemispuudega inimestele.

1. Inspiratsiooni otsimine

Looduse värvid

Joonistage teid ümbritsevast maailmast. Kõik, mida vajate, on lihtsalt ringi vaadata. Moerõivad, raamatukaaned, sisekujundus... teie ümber on nii palju hämmastavaid asju. Parimad värvikombinatsioonid on aga looduse värvid. Jäädvustage ilus hetk ja proovige luua oma valik konkreetse pildi põhjal.

Parimad värvikombinatsioonid leiab loodusest. Värviskeemi saate igalt fotolt

Behance

Populaarsest teenusest leiate huvitavaid töid, mis kuuluvad oma ala tõeliste professionaalide parimatesse veebiportfellidesse. See sait on ka suurepärane inspiratsiooniallikas. Projektide uute väärikate näidete nägemiseks valige lihtsalt soovitud värv.

Dribbble värvid

Dribbble on üks parimaid, mis kasutajaliidese loomisel kasuks tulevad. Kui soovite visuaalselt mõista, kuidas teised on teatud värvi kasutanud, minge aadressile dribbble.com/colors ja sisestage soovitud väärtus.

Saidi värvi valimisel saate siin määrata selle minimaalse protsendi - katsetage näiteks 30% sinist.

Proovige määrata Dribbble'is teatud värvi minimaalne protsent

disaini inspiratsioon

Designspiration on kasulik tööriist eelkõige neile, kellel on juba värvikombinatsiooni ideid ja kes soovivad näha selliste kombinatsioonide näiteid. Valige 1 kuni 5 valikut ja leiate pildid, mis vastavad määratud parameetritele.

Designspirationist leiate erinevaid näiteid värvikombinatsioonidest

Tineye mitmevärviline

Tineye Multicolri värvisobitusteenuse abil saate määrata soovitud pildigamma ja isegi määrata nende iga protsendi (suhte). Sait on integreeritud Flickri 20 miljoni Creative Commonsi fotoga andmebaasiga. See on kindlasti üks kiiremaid viise täiusliku paleti leidmiseks.

Colorzilla

ColorZilla on Chrome'i ja Mozilla Firefoxi brauseritesse installimiseks mõeldud laiendus. See sisaldab selliseid tööriistu nagu tilguti, paleti sirvimine, loomine ja palju muud.

ColorZilla laiendus on saadaval Chrome'is ja Firefoxis

Shutterstocki spekter

Üks parimaid viise värvilahenduse väljanägemisest aimu saamiseks on vaadata vastavaid pilte. Enamik lahendusi, mis pakuvad veebilehe kujundamisel värvivalikut, sisaldavad seda funktsiooni, kuid Shutterstock Spectrumil on uskumatult kasutajasõbralik liides ja eelvaade, mis võib tõesti kasuks tulla.

Veelgi enam, te ei vaja tellimust, kuna pildi eelhinnangust piisab (isegi hoolimata sellest, et sellel on vesimärk).

W3Schools

Hiljuti vaadati ühes ajaveebis W3Schoolsi valikut. See sisaldab palju teavet selle teema kohta, alates nende nimedest / varjundite koodidest, palettide kombinatsioonide teooriast ja lõpetades erinevate vormingute kirjeldusega: HEX, RGB, CMYK, HWB jne. Samuti leiate siit lihtsaid generaatoreid, muundureid ja sarnased "miniteenused". Kokkuvõttes huvitav vaadata.

2. Loo värvipalett

Materjalikujunduse värvitööriist

Materjalikujunduse värvitööriista veebisaidi värvivalija teenus võimaldab teil oma valikute jaoks värviskeeme luua, jagada ja eelvaateid vaadata. Üks selle kasulikke funktsioone on mis tahes värvikombinatsiooni juurdepääsetavuse taseme mõõtmine.

jahutid

Coolors on sait mitmevärvilise paleti loomiseks. Lihtsalt fikseerige teatud värv ja vajutage tühikuklahvi. Tööriist on hea ka selle poolest, et saad rohkem kui ühe tulemuse, kuid vaid algandmeid muutes saad genereerida mitu valikut.

Värvilahendus valikus Coolors foto põhjal

Adobe Color CC

Värvide sobitamise teenus Adobe Color CC (endine Kuler) on nüüd üsna populaarne. See on Internetis vabalt saadaval, kuid on olemas ka deskriptorversioon. Selle veebirakendusega loote oma paleti värviratta abil:

Või saate valmis pildist konkreetse tulemuse:

Värvivalik saidile vastavalt pildile

Siin on sadu valmiskombinatsioone, otsi neid jaotisest "Vaata":

Kui kasutate töölauaversiooni, saate ühe klõpsuga eksportida loodud värvisüsteemi InDesigni, Photoshopi ja Illustratori.

palett

Seda võrreldakse sageli eelmise Adobe Color CC-ga, kuna need kujundused on väga sarnased. Ainus erinevus on see, et Palettonis ei piirdu te viie valikuga, vaid saate katsetada täiendavate liidese toonidega.

Lisaks võite vaadata . Koos teistega võimaldab rakendus töötada kõikjal, kasutades lihtsalt nutitelefoni. Lisaks värvipalettide otsesele loomisele / eksportimisele saate siin valida piltidelt teatud värve või kasutada põhivalikuid.

3. Paleti ligipääsetavaks muutmine

Praegu on värvitaju häired palju levinumad, kui me arvame. Umbes 285 miljonit inimest maailmas kogevad nägemisprobleeme. Peaksite alati kontrollima, kas teie valitud on sellistele kasutajatele saadaval.

WebAIM-i värvikontrastsuse kontrollija

Mõned toonid on üksteisega suurepäraselt ühendatud, samas kui teised on täiesti vastupidised. Suur hulk projekte ei läbi A / A testi ja see on tõsiasi. Väga oluline on kontrollida liidese visuaalset kujundust ja toonide kontrastsust, eriti kui lehel on palju teksti. Nendel eesmärkidel kasutage saidi värvide valimisel.

WebAIM Color Contrast Checker on veebipõhine tööriist, mis kontrollib värvikoode kuueteistkümnendsüsteemis.

jahutid

Oleme seda teenust juba eespool maininud. Muuhulgas aitab Coolors teil kontrollida ka teie leiutatud paletti värvipimeduse suhtes.

Värvipimeduse tüüp skeemis

Režiimi "Tavaline" asemel valige nägemisprobleemi tüüp, mida soovite simuleerida. Selle tulemusena saate täpselt aru, kuidas inimene, kes ei suuda teatud värve eristada, teie disaini näeb.

Nii näeb paletti protanomaaliaga inimene

NoCoffee Vision Simulator Chrome'ile

NoCoffee Vision Simulator veebisaidi abil saate näha, kuidas värvipimeduse või vaegnägemisega inimesed teatud veebilehti tajuvad. Näiteks määrates jaotises "Värvipuudus" valiku "Achromatopsia", näete veebilehte hallina.

Nii näeb CNN-i projekt välja deuteranoopiaga inimese jaoks

Järeldus

Kõik artiklis mainitud veebisaitide ja UX-i disaini värvide sobitamise teenused aitavad teid kindlasti huvitava ja tõhusa valiku otsimisel. Kuid pidage meeles, et parim viis hämmastavate palettide loomise õppimiseks on palju harjutada ja katsetada.

Väike, stiilne ja korralik värvivalija HTML-lehtede kujundamiseks ja muudeks värvide sobitamist nõudvateks töödeks.

Vaatame, mida see programm teha suudab.

Värvipunkti seadistus

Kuna programm ei vaja installimist, salvestage arhiiv lihtsalt kõvakettale, pakkige see sobivasse kohta lahti, avage kaust ja käivitage fail laiendiga .exe. Vaikimisi käivitub programm väikese nupuna:

Programmiga töötamine

Klõpsame sellel ikoonil ja meie ees avaneb programmi aken:

Ekraan

Sellel vahekaardil võimaldab programm "võtta" mis tahes värvi otse ekraanilt. See tähendab, et mis tahes ekraani osast, mis oli programmi käivitamise ajal nähtav. Kogu ekraan kuvatakse täismahus miniatuurses vaates aknas "Vali ala".

Kui klõpsate selles aknas mis tahes osal, ilmub see järgmises väiksemas aknas "Vali värv". Siin saab juba täpsemalt sihtida ja konkreetsest punktist värvi võtta.

Ka selle akna paremas osas on lõikepuhvrisse kopeerimiseks abinupud ning all nupud "Uuenda" (värskendab ekraani sisu) ja "Rakenda" (salvestab valitud värvi ja lülitab akna vahekaardile "Valik" ).

Valik

Siin on peamised tööriistad värvide hõlpsaks sobitamiseks: "Tile", "Circle", "Web" ja "Win", mida vahetatakse täiendavate vahekaartide abil.

Nende tööriistadega töötamine pole keeruline. Klõpsake lihtsalt soovitud värvil, reguleerige seda RGB-liuguritega (või HSV-ga – kui see formaat on teile lähemal) ja vaadake, kas see sobib või mitte.

Kui teile meeldib valitud värv, saate selle koodi kopeerida realt "Teksti esitus". Lisaks saab koodi valida ka mis tahes standardvormingus, klõpsates loendi avamiseks väikest noolt.

Pöörake tähelepanu ka paremas ülanurgas olevale kolmandale värviaknale. Lisaks valitud värvile (vertikaalne triip) näitab see veel kolme värvi, mis sobivad hästi valitud värviga.

Seega pakub programm kohe välja mitu sobivat värvi, mida saab rakendada disainitud kujunduse teistele elementidele.

Programmil on palju erinevaid abinuppe. Nende eesmärgi väljaselgitamiseks hõljutage lihtsalt hiirekursorit nende kohal ja lugege näpunäiteid, mis ilmuvad programmi akna allosas.

Seaded

Siin saate reguleerida mõningaid parameetreid, näiteks fondi tüüpi ja suurust ning mõningaid programmi kosmeetilisi omadusi. Programmiga on mugavam töötada, kui tühjendate märkeruudud "Ava vahekaardil "Ekraan" ja "Käivita miniakna režiimis".

Programmi kohta

Sellel viimasel vahekaardil leiate arendaja kontaktid ja näete, kas programmi uus versioon on välja antud, minnes tema veebisaidile.

Programmi eelised ja puudused

• värvivalikuks on palju erinevaid vahendeid (ring, plaadid jne);
• võimaldab mugavalt võrrelda värve, nihutades programmi akent teiste ekraani elementide lähedale;
• seal on vihjed kõikidele nuppudele.

• veidi keeruline liides;
• minimeeritud vaates ja vahekaardil "Ekraan" käivitamine pole eriti mugav (kuigi saate selle seadetes välja lülitada);
• kõigile ei meeldi programmi akna värv.

järeldused

Programm on tasuta jaoks üsna võimas, see pakub peaaegu kõike, mida vajate kodulehe kujunduse loomisel mugavalt värvide valimiseks. Esineb mõningaid pisivigu, nagu programmiakna värv (lilla - mitte kõigile), kuid need ei sega sellega töötamist.

P.S. Seda artiklit on lubatud vabalt kopeerida ja tsiteerida, kui on märgitud avatud aktiivne link allikale ja säilib Ruslan Bogdanovi autorsus.

P.P.S. Kui programm tundus teile keeruline, on lihtsamad võimalused: