Sävyn valinta. Hieno huijauslehti väriyhdistelmistä. Yksittäisten värien yhdistelmät

Ammattimainen web-suunnittelu ei ole täydellistä ilman värimaailman luomista. Tämä artikkeli jakaa 20 upeaa työkalua, jotka auttavat sinua löytämään täydellisen värimaailman.

World Wide Webissä on monia työkaluja värinirvanan saavuttamiseen. Ne näyttävät täysin erilaisilta, mutta monet niistä ovat vain muokattuja versioita suosituimmista ja hyödyllisemmistä työkaluista.

Siksi valintaprosessin yksinkertaistamiseksi väriskeema, olemme koonneet 20 parasta saatavilla olevaa työkalua. Ne auttavat sinua olemaan eksyksissä etsinnässäsi sopiva vaihtoehto ja tuntea "värien autuutta"

01. Viileämpi

Kuler on ehkä tunnetuin työkalu värien kanssa työskentelemiseen.

Adobe Kuler on ehkä suosituin online-väriteematyökalu, joka on mennyt yksinkertainen työkalu värien työstämiseen Internetissä täysimittaiseksi resurssiksi, jossa voit luoda teemoja ja jakaa niitä muiden kanssa. Lisäosat ovat saatavilla kaikkiin tärkeimpiin Adobe-sovelluksiin, mukaan lukien Photoshop, Illustrator ja InDesign, mikä tekee Kulerista erinomaisen monipuolisen työkalun tavallisille Creative Suite -käyttäjille.

02.ColorExplorer

ColorExplorer voi suorittaa monia erilaisia ​​toimintoja.

Voidaan sanoa, että tämä on yksi Internetin harkituimmista työkaluista. Se tarjoaa laajan valikoiman työkaluja väripalettien suunnitteluun, räätälöimiseen ja analysoimiseen. Esimerkiksi työkalut, jotka auttavat määrittämään esteettömyyden WCAG värien valinta, muunnostyökalut, joiden avulla voit siirtyä välillä erilaisia ​​järjestelmiä, sekä kaikki mitä tarvitset värien valitsemiseen ja palettien luomiseen.

03. Värit verkossa

Colors on the Web on Flash-pohjainen.

Colors on the Web lataa yhtenäiset värit HEX- tai RGB-koodeiksi ja tuottaa joukon malleja, jotka perustuvat erilaisiin matemaattisiin mittasuhteisiin. Tämä työkalu ei toimi iPadissa tai iPhonessa, koska se käyttää Flashia ohjelman suorittamiseen.

04. VÄRIT ystävät

COLOURlovers muistuttaa hieman Pinterestiä väriltään

05. Kuvaavaa

Pictaculousin avulla voit ladata kuvan ja luoda väriteeman sen perusteella.

Tämän MailChimpin tekijöiden työkalun avulla voit ladata kuvan ja luoda väriteeman sen värien perusteella. Se on yhteensopiva useiden muiden työkalujen, kuten Kuler ja Colourlovers, kanssa. Pictaculousissa on kätevä Adobe Swatch teemojen lataamista varten, mikä tekee valokuvan täydentämiseksi tarvittavien värien vangitsemisesta nopeaa ja helppoa.

06. Kontrasti-A

Kontrasti-A luo simulaation erilaisista visuaalisista virheistä.

Ei todellakaan ole tavallinen työkalu värimaailmaa varten. Se on suunniteltu varmistamaan, että olet luonut WCAG-yhteensopivan värimallin esikatselemalla kontrastitasoja ja käyttämällä tekniikoita, jotka simuloivat ei-havaitsevia värejä ja huonoa näkyvyyttä. Contrast-A:ssa on paljon linkkejä oppaisiin, joissa kaikki esitetään käyttäjäystävällisemmin kuin itse teknisten ominaisuuksien asiakirja.

07. ColoRotate

ColoRotate tarjoaa kauniin "väripyörän" visualisoinnin

ColoRotatessa on samanlaisia ​​ominaisuuksia kuin Kulerissa, mutta se eroaa paletin näyttämisellä kauniissa 3D-kartiossa ja kyvyllä luoda yli 5 väriä yhdessä mallissa. Työkalu voidaan integroida tiettyihin Creative Suite -sovelluksiin. Se on saatavana myös iPad-sovelluksena ja voi toimia yhdessä Photoshopin kanssa värikonsolitilassa.

08. Hex Color Scheme Generator

HEX luo värejä, jotka sulautuvat hyvin olemassa olevaan värimaailmaasi.

HEX on pieni kätevä työkalu värien luomiseen. Syötä vain värikoodi ja se näyttää valikoiman mukavia värejä, jotka sopivat täydellisesti perusväreihisi.

09. Värimallin suunnittelija

Color Scheme Designerilla on useita mielenkiintoisia tapoja väriteemoja luomassa.

Tällä verkkotyökalulla on samanlaisia ​​ominaisuuksia kuin Adobe Kulerilla. Mutta kiitos mielenkiintoisia tekniikoita Voit luoda väriteemoja, voit valita kirkkaus-/kylläisyys- ja kontrastiparametrit mallin ominaisuuksista sen sijaan, että näpertelet teeman muodostavien yksittäisten värien kanssa. Color Scheme Designer tarjoaa pääsyn joukkoon tavallisia matemaattisia menetelmiä, mukaan lukien mahdollisuus valita harmonisesti mallin väriteema yhdelle (mono), kaksi (täydentää), kolme (kolmikko) tai neljä (tetradi) värit sävyillä ja puolisävyillä.

10. COPASO

COPASO on erinomainen työkalu useiden ongelmien ratkaisemiseen kerralla.

Yksi sivuston työkaluista VÄRIT ystävät,COPASO ansaitsee erityistä huomiota, miten, voit ratkaista useita ongelmia samanaikaisesti luotaessa paletteja. Se tarjoaa täydellisen valikoiman värinvalintatyökaluja yksinkertaisessa käyttöliittymässä. Käytä sitä merkintöjen lisäämiseen paletteihin, kuvien lataamiseen, hyppäämiseen suoraan CMYK-linkkeihin ja väriteeman luomiseen.

11. Värimalli

Työpöydälläsi oleva Colourmod-widget auttaa sinua valitsemaan ja määrittämään värejä helposti.

Colourmod on työpöytätyökalu, jonka avulla on helppo valita jokin widget-alueen väreistä, vaikka työskentelet Dashboard for MacBookin kanssa tai käytät Konfabulatoria Windowsille. Colourmod ei sinänsä ole paletin valintatyökalu, mutta sen avulla voidaan kuitenkin valita ja määrittää väriä. Tässä tapauksessa sinun ei tarvitse ajaa muita raskaampia ohjelmia.

12. ColorZilla

ColorZilla toimii Chromessa ja Firefoxissa.

Tämä sovellus kehitettiin alun perin Firefoxin laajennukseksi, mutta sitä voidaan käyttää myös selaimessa Google Chrome. ColorZilla on laajennus, jossa on paljon erilaisia ​​soittimia värien käsittelyyn, mukaan lukien: värin valinta, pipetti, CSS-gradientin luominen ja palettien katselu.

13. Colormunki

Colormunkin avulla voit luoda väriteeman Pantone-mallitilkkujen perusteella.

Kätevä työkalu verkkotyöskentelyyn, Colormunkin luojat esittelevät värien kalibrointia varten. Voit luoda Paletteja Pantone-värimallien pohjalta verkossa ja löytää miellyttäviä yhdistelmiä eri tekniikoilla.

14.colr.org

Colr.orgin avulla näet väriskeema kuviasi.

Tämä yksinkertainen työkalu antaa sinulle ainutlaatuisen mahdollisuuden analysoida kuvan värimaailmaa (muut ohjelmat tekevät tämän automaattisesti). Näin voit nähdä, mistä väreistä kuvasi koostuu, ja valita ne, jotka haluat asettaa pääteeman väreiksi.

15. ColourGrab

ColourGrab on erinomainen kompakti kuvan värimaailmageneraattori.

Tämä kätevä työkalu luo väripaletti perustuu mihin tahansa Internetissä olevaan kuvaan. Kirjoita vain analysoitavan kuvan URL-osoite, sivusto "nappaa" sen, määrittää sen väriteeman ja luo yksinkertaisen 3D-kaavion, joka kuvastaa käyttöä. erilaisia ​​värejä tälle kuvalle. Vaikka hän ei ole kaikkein eniten paras vaihtoehto vakioteemoille, mutta ColourGrab sopii erinomaisesti kuvien värijakauman analysointiin.

16.ColorBlender

ColorBlender luo viiden värin sarjan, jotka toimivat hyvin yhdessä.

Tämä sivusto on yksinkertainen työkalu, jonka avulla voit luoda mallikuvan, säätää värejä ja seurata reaaliajassa, kun 5 täydellisesti koordinoitua väriä valitaan. Paletit voidaan ladata suoraan Photoshopiin tai Illustratoriin EPS-tiedostomuodossa.

17. GrayBit

GrayBitin avulla voit analysoida verkkosivustoa nähdäksesi, miltä se näyttää harmaasävyinä.

Tämä kätevä työkalu ei suoraan valitse väriteemoja, mutta sen avulla voit analysoida sivustoasi nähdäksesi, miltä se näyttäisi, jos muuttaisit sen harmaasävyiksi. Tämä auttaa sinua tarkistamaan, että olet saavuttanut tarpeeksi kontrastia väripaletissasi, jotta se on helppo lukea.

18. KYLMÄ

COLRD on täydellinen värimallien jakamiseen ja uusien oppimiseen.

Tämä värikäs sivusto on loistava inspiraation lähde, sillä käyttäjät jakavat väripalettejaan sekä liukuvärejä ja kuvia. Tämä ei ole vain sivusto värimaailman luomiseen, vaan pikemminkin esteettisen mielen juhla, ja kannattaa käydä katsomassa upeiden löytöjen varalta.

19. Color Hunter

Color Hunter on loistava sivusto uusien värien löytämiseen.

Color Hunter auttaa sinua valitsemaan nopeasti ladattujen kuvien värimaailman etsimällä sopivaa tunnistetta tai käyttämällä HEX-linkkejä. Nopea ja helppokäyttöinen sivusto antaa sinun tehdä mielenkiintoisia värilöytöjä.

20. Stripe Generator 2.0

Stripe Generator 2.0 auttaa sinua kiinnittämään huomiota värimaailmaasi.

Sitä kutsutaan usein "web2.0:n lopulliseksi työkaluksi". Stripe Generator 2.0 - hyvä lääke luodaksesi miellyttäviä väriyhdistelmiä ja epätavallisia kuvia samanaikaisesti.

Verkkosivuston väriteeman valitseminen on yksi niistä tärkeitä kohtia suunnitteluprosessissa. Väriyhdistelmän valinta on melko monimutkainen ja luova prosessi. Onneksi on monia palveluita, jotka voivat tarjota merkittävää tukea oikean valinnan tekemiseen.

Jotkut tässä katsauksessa mainituista resursseista tarjoavat valinnanvaraa Suuri määrä valmiita väriteemoja, kun taas toisten avulla voit rakentaa interaktiivisesti oman mallisi.

Jäähdytin

Adobe Kuler sisältää iso kirjasto valmiita värimalleja. Voit tarkastella kaaviota verkossa ja ladata sen käytettäväksi Adobe Creative Suite -tuotteissa.

Color Loversilla on tällä hetkellä lähes 2 miljoonaa käyttäjien luomaa värimaailmaa. Voit tarkastella niitä lajittelemalla päivämäärän, luokituksen ja katselukertojen mukaan.

ColoRotatessa on kirjasto valmiita väriteemoja. Voit myös luoda oman kaavion käyttämällä ainutlaatuista 3D-työkalua. Värimaailmaa voidaan käyttää suoraan Photoshopissa ja Fireworksissa käyttämällä ColoRotate-laajennusta.

Color Scheme Designerin avulla voit valita väriteeman tyypin (mono, täydentävä, kolmikko, tetradi, analoginen). Sitten voit säätää värejä ja nähdä mallin vaikutuksen esimerkin avulla.

ColorSchemerillä on suuri kirjasto käyttäjien luomia väriteemoja. Voit lajitella ne julkaisupäivän, luokituksen tai latausten määrän mukaan.

Pictaculous on yksinkertainen online-värimallin luontityökalu. Voit ladata kuvan ja palvelu luo kaavion käytettäväksi kuvan kanssa.

Väri Spire

Color Spire on erittäin helppokäyttöinen palvelu. Valitset perusvärin ja se ehdottaa värimaailmaa. Voit myös nähdä ulkomuoto kaavioita yksinkertaisella mallilla.

Esittelyssä hyödyllinen työkalu valita värit - väriympyrä Itten.

Mikä se on?

Lyhyesti sanottuna nämä ovat kolme samalle akselille asetettua kiekkoa, joiden pinnoilla näkyvät kaikki valospektrin päävärit sekä suurin mahdollinen sävyjen määrä ja kontrastiasteikko.

Värien, sävyjen, rakojen ja indikaattoreiden suhteellinen järjestely ympyrässä on toteutettu lakien mukaan "koloristiikka" (väriteoriat), joten sitä on erittäin kätevä käyttää valinnassa harmonisia yhdistelmiä sävyjä tarvittaessa.

Eli itse asiassa se on "elävä", materiaalihuijauslehti, jossa kaikki tärkeimmät väriteemat näkyvät. "Live", koska voit poimia sen, toisin kuin näytöllä näkyvä kuva.

Väripyörä laite

Ostaa

Luonnollisesti näin ensisilmäyksellä monimutkainen laite sinun on voitava käyttää sitä, joten verkkosivustollamme voit paitsi ostaa väripyörän, myös tutustua yksityiskohtaisesti sen rakenteeseen, lukea sen käyttöohjeita ja katsella erilaisia ​​videoita tästä aiheesta.

Suosittelemme myös tutustumaan vaatteiden värien valinta verkkopalveluun.

Ympyrä väriyhdistelmien valintaa varten

Tämän laitteen edeltäjä moderni muoto on Itten-värirengas (katso kuva alla).

Johannes Itten poimi ensimmäisenä tarkalleen kaksitoista väriä koko spektristä ja järjesti ne ympyrän ympärille siten, että keskenään mahdollisimman kontrastit olevat parit ovat vastakkain. Keskelle hän asetti kolmion, jossa oli kolme pääväriä - punainen, sininen ja keltainen (niistä kaikki muut voidaan saada sekoittamalla erilaisia ​​mittasuhteita). Itten sulki tämän kolmion kuusikulmioon, jonka sisällä hän osoitti, mitä sävyjä saataisiin sekoittamalla päävärejä yhtä suuressa suhteessa.

Eli ensimmäinen informaatioviesti, jonka tällainen asettelu kuljettaa, on osoitettu aloitteleville taiteilijoille - he näkevät selvästi eri värien sekoittamisen tulokset.

Katsotaanpa tätä kohtaa hieman tarkemmin...

Miksi perusvärejä on kaksitoista?

• Kuten yllä olevasta kuvasta näet, on olemassa kolme ensisijainen värit (kutsutaan myös pääväreiksi).
• Sekoita ne pareittain yhtä suuressa suhteessa, saat kolme toissijainen, kaikki yhteensä - kuusi.
• Seos ensisijainen naapurin kanssa piirissä toissijainen antaa tertiäärinen väri. Tämä antaa meille kuusi yhdistelmää lisää, yhteensä - kaksitoista.(Myös tertiäärisiä värejä voidaan saada sekoittamalla päävärejä epätasaisissa suhteissa)

Tietenkään kaksitoista väriä ei riitä navigoimaan ympäröivässä värivalikoimassa ja löytämään haluttu sävy tai katsomaan, mitä tapahtuu, kun sekoitetaan ei vierekkäisiä, vaan täysin mielivaltaisia ​​värejä. Siksi piirit, jotka voit löytää alennuksesta tai tilata tältä sivustolta, ovat monimutkaisempia ja sisältävät paljon enemmän hyödyllistä tietoa kuin yksinkertainen "kaksitoistaosainen Itten-sormus".

Opas värien sekoittamiseen

Sen avulla voit määrittää mielivaltaisten värien ja sävyjen sekoittamisen tuloksen - yhdistelmien määrä on riittävä, jotta taiteilija ymmärtää, mitä värejä on sekoitettava tietyn sävyn saamiseksi. Tämä on loistava piirustusapu erityisesti aloitteleville taiteilijoille.

Vaikka sävy olisi hieman erilainen kuin haluttu, haluttu tulos voidaan saavuttaa muuttamalla sekavärien suhteita.

Miten nämä samat suhteet voidaan määrittää? Onko se todella sattumaa? Ei, väripyörä voi auttaa myös tässä.

Kylläisyysasteikko

Tämä asteikko on samalla puolella sekoitusohjaimen kanssa, koska nämä kaksi toimintoa toimivat rinnakkain.

Kyllästysasteikko edustaa asteikkoa harmaan sävyjä mustasta valkoiseen. Asteikolla esitetyistä vaihtelevan kirkkauden harmaista soluista löydät aina harmaan sävyn, joka on kylläisyydeltään mahdollisimman lähellä vaadittua sävyä, minkä jälkeen käy selväksi, kuinka paljon maalia tarvitsee tummentaa tai vaalentaa.

Ymmärtääksesi kuinka tämä tehdään käytännössä, katso tämä video:

Väriyhdistelmämallit

Levyn kääntöpuoli sisältää yhtä hyödyllistä tietoa, ja ehkä jopa enemmän - se auttaa valitsemaan väriyhdistelmiä valitun mallin perusteella.

Kaavio väriyhdistelmiä- tämä on kuvio, yksinkertaisimmassa tapauksessa viiva, joka yhdistää värit, jotka "sopivat" toisiinsa. Sanamuoto on hyvin epämääräinen, koska kromaattisen asteikon valinta on sekä tiedettä että taidetta.

Ensinnäkin värien harmonia tai epäharmonia on hyvin subjektiivinen käsite. Kuten sanotaan, "maun mukaan ei ole ystävää".

Toiseksi, ovatko ne "sopivia" vai "sopimattomia" - kaikki riippuu erityinen tilanne, tunnelma, siitä, mitä taiteilija tai suunnittelija haluaa sanoa, tyylistä, jolla se esitetään Tämä työ, haluatko korostaa mitä tahansa elementtiä tai päinvastoin - tee siitä näkymätön.

Väripyörä on työkalu, jolla voit näyttää kaikki tärkeimmät väriteemat visuaalisesti, mutta sinun on osattava käyttää tätä työkalua. Sinun tulisi tietää itse tai ainakin tuntea, mikä järjestelmistä sopii parhaiten tehtävällesi. Pyrimme omalta osaltamme julkaisemaan tälle sivustolle mahdollisimman paljon hyödyllistä tietoa väripyörän käytöstä (katso kohta

Värit ovat valtavassa roolissa web-suunnittelussa. Verkkosivuston väriteeman valitsemiseksi oikein on olemassa erikoispalveluita. Olen varma, että jokaisella web-suunnittelijalla on ainakin yksi näistä kirjanmerkeissään.

Joskus istut ja mietit, minkä sinisen sävyä valitseisi sivuston pääväriseksi, hieman vaaleampi tai hieman kirkkaampi, tai ehkä tummempi... Ja siihen pitää vielä valita lisää. Voit tietysti tehdä tämän silmällä, mutta on parempi käyttää jotakin erikoispalveluista.

En puhu väriteoriasta (tämä on liian laaja tieto), vaan julkaisen täällä kirjanmerkeissäni olevat ja käyttämäni palvelut.

Olen ollut ystävä tämän soittimen kanssa monta vuotta. Kätevin työkalu värien valintaan (mielestäni). Hänellä on paljon lisäominaisuuksia. Voit esimerkiksi nähdä esimerkin vaaleasta ja tummasta sivusta valituilla väreillä.

On mahdollista arvioida, kuinka värisokeat ja muut näkövammaiset ihmiset näkevät värimaailmasi. Voit valita verkkoturvallisia värejä.

Adobe Kuler on toinen web-työkalu, jota käytän melko usein. Värimaailmavalikoima on lähes sama kuin edellisellä sivustolla, mutta en siksi pidä siitä. Sen lisäksi, mitä voit luoda itse värimaailmat, voit tarkastella ja käyttää muiden luomia kaavioita.

Voit tehdä tämän napsauttamalla painiketta vasemman yläkulman valikossa "Katso". Ja erilaisten väriyhdistelmien galleria avautuu edessäsi.

Tämä työkalu on vähän samanlainen kuin Colorscheme, mutta siinä on vähemmän toimintoja, mutta voit nähdä, miltä värilohkot näyttävät.

Käytännössä en käytä tätä sivustoa, mutta koska minulla on se kirjanmerkeissäni, päätin myös lisätä sen.

Seuraavat kaksi sivustoa luovat paletin valitsemastasi kuvasta. Se on taikuutta :)

Valitset minkä tahansa kuvan, jonka väreistä pidät, palvelu analysoi sen ja antaa sinulle väripaletin. Ainoa ero näiden kahden sivuston välillä on se, miten ne tarjoavat kuvan.

Tämä sivusto vaatii ladata kuva tietokoneeltasi.

Erittäin kätevä työkalu värien valintaan. Perustuu "tykkää - ei pidä" -periaatteeseen.

Kuten nimestä voi päätellä, täällä voit valita värit nyt muodikkaaseen litteään muotoiluun. Sivusto on mielenkiintoinen, koska kun olet valinnut paletin, voit ladata sen Corelille ja Photoshopille.

Toinen muotitrendi on materiaalisuunnittelu. Tämä sivusto auttaa sinua valitsemaan väriyhdistelmiä käyttöliittymään (käyttöliittymään). Lisäksi sivustolla on suuri joukko kuvakkeita.

Ja lopuksi taas käyttöliittymä. Tässä on vain joukko värejä käyttöliittymäsuunnittelua varten. Napsauttamalla mitä tahansa väriä näet, kuinka valkoinen teksti luetaan tiettyä taustaa vasten.

Nämä ovat työkalut, jotka minulla on kirjanmerkeissäni.

Kirjoita kommentteihin mitä värivalintasivustoja käytät web-suunnitteluun?

Tarvitsetko verkkosivuston oikeat värit? , tehdään se :)

Löysitkö virheen? Valitse tekstiosa ja napsauta CTRL+ENTER