Turinys
- 01. „HueSnap“
- 02. Khroma
- 03. Coolors.co
- 04. „Adobe Color CC“
- 05. Kolordotas
- 06. Eggradientai
- 08. „Canva“ spalvų paletės generatorius
- 09. Medžiagos dizaino paletė
- 10. Spalvos kodas
- 11. Spalvų skaičiuoklė
- 12. HTML spalvų kodas
- 13. „W3Schools: Colors“ pamoka
- 14. Skaitmeninis spalvų matuoklis („Mac“)
Kaip interneto dizaineriai, vienas iš svarbiausių pasirinkimų yra susijęs su mūsų spalvų pasirinkimu. Pasirinkite netinkamus ir galite tiesiog prarasti galimybę. Tai tiesa - mūsų pasirinktos spalvos gali turėti psichologinį poveikį tiems, kurie jas žiūri.
Pavyzdžiui, raudona spalva paprastai vertinama kaip daug energijos naudojanti spalva, o mėlyna reiškia ramybę ir ramybę. Norėdami iliustruoti šį dalyką, apsvarstykite spalvas, kurias galite naudoti vaikų žaislus parduodančioje svetainėje, palyginti su advokatų kontoros svetaine. Yra tikimybė, kad pirmosioms naudosite ryškias, ryškias spalvas, o antrosioms - prislopintus mėlynos ir pilkos spalvos tonus.
Bet kaip žinoti, kurios spalvos gerai veikia kartu? Laimei, norint sudaryti veikiančią spalvų paletę, nereikia būti spalvų teorijos meistru. Norėdami padėti jums atlikti svarbią spalvų pasirinkimo užduotį, pateikiame keletą geriausių nemokamų spalvotų interneto dizaino įrankių (plius vieną specialią premiją „Mac“ vartotojams pabaigoje).
01. „HueSnap“
Įkvėpimas gali užklupti bet kuriuo metu. Tai gali būti viešbučio kambario dekoras arba vieno vakaro parko šviesa, kuri įkvepia jūsų kitos svetainės spalvų schemą. Kai tai atsitiks, „HueSnap“ yra čia, kad padėtų. Galite užfiksuoti nuotrauką ir naudoti „HueSnap“, kad išgautumėte spalvas iš paveikslėlio ir padarytumėte jas palete.
Programa pritaikyta naudoti mobiliesiems, o jūs galite išsaugoti ir dalintis savo paletėmis su kitais. Yra daugybė funkcijų, kurios padės jums modifikuoti paletę, pavyzdžiui, papildomos ir sudėtinės spalvų pasirinkimo parinktys, o jūsų paletėse gali būti iki šešių spalvų.
02. Khroma
„Khroma“ yra dirbtinio intelekto įrankis, kurio tikslas - padėti jums lengvai naršyti ir palyginti originalius spalvų derinius. Juo vartotojai moko dirbtinio intelekto algoritmą veikti kaip savo smegenų pratęsimą. Vartotojai pirmiausia išsirenka 50 jiems patinkančių spalvų, ir šios spalvos naudojamos treniruojant neuronų tinklą, kuris gali atpažinti šimtus tūkstančių kitų panašių spalvų. Sužinokite daugiau apie „Khroma“ ir kaip jį naudoti čia.
03. Coolors.co
„Coolors“ siūlo daugybę įrankių, skirtų paletei sureguliuoti taip, kaip norite. Be to, galite eksportuoti savo galutinį kūrinį įvairiais formatais, kad galėtumėte jį naudoti praktiškai visur, kur norite.
„Coolors“ yra ne tik spalvų paletės kūrimo įrankis, bet ir leidžia peržiūrėti kitus užbaigtus kitų vartotojų kūrinius, kad galėtumėte pasisemti įkvėpimo. Skyriuje „Naršyti“ yra šimtai (jei ne tūkstančiai) paletių, kurias galite peržiūrėti, išsaugoti ir redaguoti patys. Dar geriau, kad „Coolors“ galima įsigyti staliniuose kompiuteriuose ir kaip „iOS“ programą, „Adobe Photoshop“ ir „Illustrator“ priedą - ir netgi „Google Chrome“ plėtinį, kad būtų lengva pasiekti.
04. „Adobe Color CC“
Nemokamas įrankis „Adobe Color CC“ buvo sukurtas kurį laiką, ir tai yra vienas geriausių spalvų įrankių spalvų paletei pasirinkti. Galite ne tik susikurti savo spalvų schemas, bet ir ištirti, ką sukūrė kiti.
Pasirinkite spalvą iš ratuko arba iš paveikslėlio ir pritaikykite spalvų taisykles, pvz., Naudokite tik papildomas spalvas, monochromatines spalvas ar pasirinktų spalvų atspalvius, kad sukurtumėte spalvų paletę. Arba spustelėkite kiekvieną spalvą ir ištirkite spalvų ratą, kad pritaikytumėte pasirinkimą. Kaip papildomą premiją galite išsaugoti sukurtas temas „Adobe“ bibliotekoje.
05. Kolordotas
„Hordpixel“ sukurtas „Colordot“ yra puikus nemokamas internetinis įrankis spalvų paletei sukurti. Naudodami paprastus pelės gestus galite pasirinkti ir išsaugoti spalvas. Perkelkite pelę pirmyn ir atgal, kad gautumėte atspalvį; aukštyn ir žemyn dėl lengvumo; slinkite, kad rastumėte sodrumą, ir spustelėkite, jei norite išsaugoti spalvą savo paletėje. Spustelėkite perjungimo piktogramą, kad pamatytumėte kiekvienos spalvos RGB ir HSL reikšmes. Jame taip pat yra 0,99 USD / 0,99 USD „iOS“ programa, leidžianti užfiksuoti spalvas fotoaparatu.
06. Eggradientai
Kai esate atsakingas už lengvai skaitomo CSS generavimą, kartais reikia naudoti standartines spalvas ir spalvų pavadinimus. Dėl 147 spalvų, kurias sukūrė Brianas Maieris jaunesnysis, galite apžvelgti visas jas ir išsirinkti tinkamiausias.
Jame yra 17 standartinių spalvų ir dar 130 kitų CSS spalvų pavadinimų. Filtruokite rezultatus pagal mėlynus, žalius ir pan. Atspalvius arba rinkitės iš visos vaivorykštės iš 147 spalvų.
08. „Canva“ spalvų paletės generatorius
„Canva“ spalvų paletės generatorius yra puikus, jei norite sukurti spalvų paletę, pagrįstą tam tikru vaizdu. Nors ir kiti įrankiai siūlo panašias galimybes, „Canva“ naudoti yra labai paprasta: įkelsite vaizdą ir generatorius pateiks penkių jame esančių spalvų paletę. Galite spustelėti jums patinkančias spalvas ir nukopijuoti HEX vertę į mainų sritį.
Deja, čia baigiasi „Canva“ pasiūlymo naudingumas, nes tai yra viskas, ką galite padaryti naudodamiesi savo paletės generatoriumi - negalite reguliuoti paletės spalvų. Vienintelės kitos galimybės yra nukopijuoti pateiktas šešiakampes reikšmes arba įkelti kitą nuotrauką.
09. Medžiagos dizaino paletė
Naudodami „Material Design Palette“ galite pasirinkti dvi spalvas, kurios konvertuojamos į pilną spalvų paletę, kurią galėsite atsisiųsti, kartu su peržiūra.
Bendrovė taip pat siūlo „Material Design Colors“, leidžiančias dizaineriams pamatyti skirtingus spalvų atspalvius kartu su jų atitinkamomis HEX vertėmis.
10. Spalvos kodas
Tamino Martinius ir Andreas Storm „ColourCode“ yra panašus į „Colordot“, tačiau jis siūlo šiek tiek daugiau patarimų. Šis nemokamas įrankis trenkia jums tiesiai į veidą, rodydamas foną, kuris keičia spalvas judant žymekliui. Be to, šis įrankis siūlo skirtingas paletės kategorijas (analogas, trijulė, keturračiai, vienspalviai, vienspalviai šviesos ir kt.).
Naudodami „ColourCode“ galite nustatyti skirtingas parinktis palei spalvų ratą, kad sukurtumėte originalų derinį. Taip pat galite išsaugoti savo paletę arba eksportuoti ją kaip SCSS arba LESS failą. Jei norite, netgi galite eksportuoti į PNG.
11. Spalvų skaičiuoklė
Spalvų skaičiuoklė yra paprasta: pasirenkate spalvą ir spalvų harmonijos parinktis. Už tai gausite rekomenduojamos spalvų schemos rezultatus.
Vis dėlto šioje svetainėje malonu tai, kad joje taip pat išsamiai aprašoma spalvų teorija ir kaip ji susijusi su jūsų spalvų pasirinkimu.
12. HTML spalvų kodas
Šis išpūstas nemokamas „Dixon & Moe“ įrankių rinkinys apima išsamų spalvų rinkiklį su daugybe spalvų taisyklių paaiškinimų; spalvų schemų serija su plokščiomis dizaino spalvomis, „Google“ medžiagos dizaino schema ir klasikine saugaus žiniatinklio spalvų palete; ir standartinių HTML spalvų pavadinimų ir kodų sąrašas.
Ši svetainė taip pat siūlo vadovus ir kitus išteklius, skirtus interneto dizaineriams, ir galimybes eksportuoti rezultatus iš savo įrankių kaip HEX kodus, HTML, CSS ir SCSS stilius.
13. „W3Schools: Colors“ pamoka
Jei ieškote „viskas viename“ sprendimo, kuriame būtų spalvų vadovas ir daugybė įvairių įrankių, „W3Schools“ spalvų pamoka yra puikus pasirinkimas.
Galite ne tik sužinoti apie spalvų teoriją, spalvų ratus ir spalvų atspalvius, bet ir naudotis kitais turimais įrankiais, pavyzdžiui, spalvų keitikliu. Naudodamiesi šiuo įrankiu, galite konvertuoti bet kokias spalvas į ir iš pavadinimų, HEX kodus, RGB, HSL, HWB ir CMYK reikšmes.
14. Skaitmeninis spalvų matuoklis („Mac“)
Gerai, „Mac“ vartotojai ... tai jums. Naudodami savo įrenginyje įmontuotą skaitmeninio spalvų matuoklio įrankį, galite „patraukti“ spalvą iš bet kurios ekrano vietos, tada gauti tos spalvos reikšmes kaip dešimtainį, šešioliktainį arba procentinį. Be to, galite net „nukopijuoti“ pasirinktą spalvą kaip tekstą ar vaizdą.