Väriympyrä. Viileä väriyhdistelmä -huijauslehti Luo värimalli

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

Joskus istut ja mietit, mikä sinisen sävy valitseisi sivustolle päävärin, hieman vaaleamman vai hieman kirkkaamman, tai ehkä otat tummemman... Ja vielä pitää poimia 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ä vain ne palvelut, jotka minulla on kirjanmerkeissäni ja joita käytän.

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

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

Adobe Kuler on toinen web-työkalu, jota käytän melko usein. Värimaailman valinta on lähes sama kuin edellisellä sivulla, mutta en siksi pidä siitä. Sen lisäksi, että voit luoda värimalleja itse, voit tarkastella ja käyttää muiden luomia malleja.

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

Tämä työkalu on vähän kuin Сolorscheme, mutta siinä on vähemmän toimintoja, mutta on mahdollista nähdä, miltä värilohkot näyttävät.

Käytän tätä sivustoa tuskin, 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, kuinka tarjota heille kuva.

Tämä sivusto tarvitsee ladata kuva tietokoneeltasi.

Erittäin kätevä työkalu värien yhdistämiseen. Se perustuu "tykkää - ei pidä" -periaatteeseen.

flatcolors.net

Kuten nimestä voi päätellä, tästä voit valita värit nykypäivän trendikkääseen litteään muotoiluun. Sivusto on mielenkiintoinen, koska paletin valinnan jälkeen voit ladata sen Corelille ja Photoshopille.

materialpalette.com

Toinen muotitrendi on materiaalisuunnittelu. Tämä sivusto auttaa 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 tietyllä taustalla.

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

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

Tarvitsetko verkkosivun oikeilla väreillä? , tehdään :)

Löysitkö bugin? Korosta tekstiosa ja paina CTRL + ENTER

Ammattimainen web-suunnittelu ei ole täydellistä ilman värimaailmaa. Tämä artikkeli näyttää 20 upeaa työkalua, joiden avulla saat täydellisen värimaailman.

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

Siksi olemme koonneet 20 parasta käytettävissä olevaa työkalua yksinkertaistaaksemme väriteeman valintaa. Ne auttavat sinua olemaan eksymättä etsimään sopivaa vaihtoehtoa ja tuntemaan "värin autuutta"

01. Kuler

Kuler on kiistatta tunnetuin värityökalu.

Adobe Kuler on kiistatta suosituin online-väriteematyökalu, ja se on muuttunut yksinkertaisesta värityökalusta verkossa täydelliseksi resurssiksi teemojen luomiseen ja jakamiseen muiden kanssa. Lisäosat ovat saatavilla kaikkiin tärkeimpiin Adobe-sovelluksiin, mukaan lukien Photoshop, Illustrator ja InDesign, mikä tekee Kulerista loistavan all-in-one-työkalun tavallisille Creative Suite -käyttäjille.

02. ColorExplorer

ColorExplorer voi suorittaa monia erilaisia ​​toimintoja.

Voimme sanoa, että se on yksi Internetin kehittyneimmistä työkaluista. Se tarjoaa laajan valikoiman työkaluja väripalettien suunnitteluun, mukauttamiseen ja analysointiin. Esimerkiksi työkalut, jotka auttavat määrittämään saatavuuden WCAG värivalitsimet, muunnostyökalut, joiden avulla voit navigoida eri järjestelmien välillä, ja kaikki mitä tarvitset värien valitsemiseen ja palettien luomiseen.

03. Värit verkossa

Colors on the Webin tehonlähteenä on Flash.

Colors on the Web lataa kiinteät värit HEX- tai RGB-koodeilla ja tuottaa joukon kaavioita, jotka perustuvat erilaisiin matemaattisiin mittasuhteisiin. Tämä työkalu ei toimi iPadissa tai iPhonessa, koska se käynnistää ohjelman Flashin avulla.

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 omiin väreihin perustuen. Se on yhteensopiva useiden muiden instrumenttien, kuten Kuler ja Colourlovers, kanssa. Pictaculousissa on kätevä Adobe Swatch -teeman lataus, jonka avulla voit nopeasti ja helposti "tarttua väreihin", joita tarvitset valokuvaasi täydentämään.

06. Kontrasti-A

Kontrasti-A luo jäljitelmän erilaisista visuaalisista virheistä.

Tämä ei ole kovin yleinen värimallityökalu. Se on suunniteltu varmistamaan, että luot WCAG-yhteensopivan väriteeman esikatselemalla kontrastitasoja ja käyttämällä ei-havaitsevaa ja huonon näkyvyyden tekniikkaa. Contrast-A:ssa on paljon linkkejä oppaisiin, jotka ovat käyttäjäystävällisempiä kuin itse tekniset asiakirjat.

07. ColoRotate

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

ColoRotatessa on samanlaiset toiminnot kuin Kulerilla, mutta se eroaa paletin näyttämisellä hienossa 3D-kartiossa ja kyvyllä luoda yli 5 väriä yhdessä mallissa. Työkalu voidaan integroida joihinkin 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 sopivat hyvin saatavilla olevaan värivalikoimaan.

HEX on pieni kätevä työkalu värien luomiseen. Syötä vain värikoodi ja se näyttää joukon miellyttäviä värejä, jotka sopivat täydellisesti perusvärisi.

09. Värimaailman suunnittelija

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

Tällä verkkotyökalulla on samanlaiset toiminnot kuin Adobe Kulerilla. Mutta väriteeman luomiseen liittyvien mielenkiintoisten temppujen ansiosta voit valita kirkkaus-/kylläisyys- ja kontrastiparametrit kaavion ominaisuuksista sen sijaan, että "tuttaisit" teeman muodostavien yksittäisten värien kanssa. Color Scheme Designer tarjoaa pääsyn joukkoon tavallisia matemaattisia menetelmiä, mukaan lukien kyky sovittaa harmonisesti yhden mallin väriteemaa. (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, koska sen avulla voit ratkaista useita ongelmia samanaikaisesti luotaessa paletteja. Se tarjoaa täydellisen valikoiman värinvalintatyökaluja yksinkertaisessa käyttöliittymässä. Sen avulla voit merkitä paletteja, ladata kuvia, seurata CMYK-linkkejä heti ja valita, miten luot väriteeman.

11. Värimalli

Työpöydän Colourmod-widgetillä on helppo valita ja määrittää värejä.

Colourmod on työpöytätyökalu, jonka avulla voit helposti valita yhden värin alueella, jossa widgetit sijaitsevat, vaikka käyttäisit Dashboard for MacBookia tai Konfabulator for Windows -ohjelmaa. Colourmod itsessään ei ole paletin valintatyökalu, mutta sitä voidaan silti käyttää värin valitsemiseen ja määrittämiseen. Tässä tapauksessa sinun ei tarvitse ajaa muita raskaampia ohjelmia.

12. ColorZilla

ColorZilla toimii Chromessa ja Firefoxissa.

Tämä sovellus kehitettiin alun perin Firefox-laajennukseksi, mutta sitä voidaan käyttää myös Google Chrome -selaimessa. ColorZilla on laajennus, jossa on paljon erilaisia ​​työkaluja värien kanssa työskentelyyn, mukaan lukien: värinvalitsin, pipetti, css-gradientin luominen ja paletin esikatselu.

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ärimalleja verkossa ja käyttää erilaisia ​​tekniikoita löytääksesi miellyttäviä yhdistelmiä.

14.colr.org

Colr.org-sivustolla näet kuviesi värivalikoiman.

Tämä yksinkertainen työkalu tarjoaa ainutlaatuisen mahdollisuuden analysoida kuvan värimaailmaa (muissa ohjelmissa tämä toiminto suoritetaan automaattisesti). Näin voit nähdä, mistä väreistä kuvasi on tehty, ja valita haluamasi värit ja asettaa ne pääteeman väreiksi.

15. ColourGrab

ColourGrab on loistava kompakti kuvan väriteeman generaattori.

Tämä kätevä työkalu luo väripaletin mistä tahansa verkossa olevasta kuvasta. Kirjoita vain analysoitavan kuvan URL-osoite, sivusto "tarraa" sen, määrittää sen väriskaalan ja luo yksinkertaisen 3D-kaavion, joka heijastaa eri värien käyttöä tässä kuvassa. Se ei ehkä ole paras vaihtoehto vakioteemoille, mutta ColourGrab on täydellinen analysoimaan kuvien värin jakautumista.

16. ColorBlender

ColorBlender luo viiden värin sarjan, jotka sekoittuvat hyvin toisiinsa.

Tämä sivusto on yksinkertainen työkalu, jonka avulla voit ottaa näytteitä kuvasta, säätää värejä ja seurata reaaliajassa, kuinka 5 täydellisesti yhteensopivaa väriä yhdistetään. Paletit voidaan ladata suoraan Photoshopiin tai Illustratoriin EPS-tiedostona.

17. GrayBit

GrayBitillä voit analysoida sivustosi nähdäksesi, miltä se näyttää harmaasävyinä.

Tämä kätevä työkalu ei sovi suoraan väriteemoihin, mutta sen avulla voit analysoida sivustoasi nähdäksesi, miltä se näyttää harmaasävyiksi muunnettaessa. Tämä auttaa sinua tarkistamaan, oletko saavuttanut tarpeeksi kontrastia väripaletissa, jotta se on helpompi lukea.

18. KYLMÄ

COLRD sopii täydellisesti värimaailmasi jakamiseen ja uusien oppimiseen.

Tämä värikäs sivusto on loistava inspiraation lähde, jossa käyttäjät jakavat väripalettinsa sekä kaltevuutensa ja kuvat. Se ei ole vain sivusto värimaailman luomiseen, vaan pikemminkin estetiikan juhla, ja se on tutustumisen arvoinen pari hämmästyttävää löytöä varten.

19. Color Hunter

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

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

20. Stripe Generator 2.0

Stripe Generator 2.0 auttaa sinua kiinnittämään huomion värivalintoihisi.

Sitä kutsutaan usein "uusimmaksi web2.0-työkaluksi". Stripe Generator 2.0 on hyvä työkalu mukavien väriyhdistelmien ja epätavallisten kuvien luomiseen samanaikaisesti.

Verkkosivuston värimaailman valitseminen on yksi suunnitteluprosessin tärkeistä kohdista. Väriyhdistelmän valinta on melko monimutkainen ja luova prosessi. Onneksi on olemassa monia palveluita, jotka voivat tukea merkittävästi oikean valinnan tekemistä.

Jotkin tässä katsauksessa mainitut resurssit tarjoavat laajan valikoiman värimalleja, joista voit valita, kun taas toisten avulla voit rakentaa interaktiivisesti oman mallisi.

Kuler

Adobe Kuler sisältää suuren kirjaston valmiita väriteemoja. Voit tarkastella kaaviota verkossa ja ladata sen käytettäväksi Adobe Creative Suite -sarjassa.

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 mallisi ainutlaatuisella 3D-työkalulla. 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, ilmainen, triadi, tetradi, analoginen). Sitten voit säätää värejä ja nähdä mallin toiminnan 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ärien luontityökalu. Voit ladata kuvan, ja palvelu luo kaavion käytettäväksi kuvan kanssa.

Värillinen torni

Color Spire on erittäin helppokäyttöinen palvelu. Valitset perusvärin ja se ehdottaa värimaailmaa. Voit myös nähdä kaavion ulkoasun yksinkertaisessa mallissa.

Kaverit, laitamme sielumme sivustoon. Kiitos
että löydät tämän kauneuden. Kiitos inspiraatiosta ja kananlihalle.
Liity joukkoomme klo Facebook ja Yhteydessä

Kaavio nro 1. Täydentävä yhdistelmä

Täydentävät tai täydentävät kontrastivärit ovat värejä, jotka sijaitsevat Ittenin väripyörän vastakkaisilla puolilla. Niiden yhdistelmä näyttää erittäin eloisalta ja energiseltä, etenkin maksimaalisella värikylläisyydellä.

Kaavio nro 2. Triad - 3 värin yhdistelmä

Kolmen tasaisin välein olevan värin yhdistelmä. Tarjoaa korkean kontrastin säilyttäen samalla harmonian. Tämä koostumus näyttää varsin eloisalta jopa vaaleita ja epätyydyttyneitä värejä käytettäessä.

Kaavio nro 3. Samanlainen yhdistelmä

Yhdistelmä 2-5 väriä vierekkäin väriympyrässä (mieluiten 2-3 väriä). Vaikutelma: rauhallinen, kutsuva. Esimerkki samanlaisten mykistettyjen värien yhdistelmästä: kelta-oranssi, keltainen, kelta-vihreä, vihreä, sinivihreä.

Kaavio nro 4. Erillinen ja täydentävä yhdistelmä

Täydentävän väriyhdistelmän muunnos, vain viereisiä värejä käytetään vastakkaisen värin sijaan. Yhdistelmä pääväristä ja kahdesta lisäväristä. Tämä kaava näyttää melkein yhtä kontrastiselta, mutta ei niin intensiiviseltä. Jos et ole varma, osaatko käyttää täydentäviä yhdistelmiä oikein, käytä erillisiä täydentäviä yhdistelmiä.

Kaavio nro 5. Harjoituskirja - 4 värin yhdistelmä

Värimaailma, jossa yksi väri on pääväri, kaksi täydentävät toisiaan ja toinen korostaa aksentteja. Esimerkki: sinivihreä, sinivioletti, punainen-oranssi, kelta-oranssi.

Kaavio nro 6. Neliö

Yksittäisten värien yhdistelmät

• Valkoinen: sopii kaiken kanssa. Paras yhdistelmä sinisen, punaisen ja mustan kanssa.
• Beige: sininen, ruskea, smaragdi, musta, punainen, valkoinen.
• Harmaa: fuksialla, punainen, violetti, pinkki, sininen.
• Pinkki: ruskea, valkoinen, mintunvihreä, oliivi, harmaa, turkoosi, vaaleansininen.
• Fuksia (tummanpunainen): harmaa, rusketus, limen väri, mintunvihreä, ruskea.
• Punainen: keltaisella, valkoisella, ruskealla, vihreällä, sinisellä ja mustalla.
• Tomaatin punainen: sininen, mintunvihreä, hiekkainen, kermanvalkoinen, harmaa.
• Kirsikanpunainen: taivaansininen, harmaa, vaalean oranssi, hiekkainen, vaaleankeltainen, beige.
• Crimson red: valkoinen, musta, damaskin ruusun väri.
• Ruskea: kirkkaan sininen, kerma, vaaleanpunainen, kellanruskea, vihreä, beige.
• Vaaleanruskea: vaaleankeltainen, kermanvalkoinen, sininen, vihreä, violetti, punainen.
• Tummanruskea: sitruunankeltainen, sininen, mintunvihreä, purppuranpunainen, limen väri.
• Punaruskea: vaaleanpunainen, tummanruskea, sininen, vihreä, violetti.
• Oranssi: vaaleansininen, sininen, violetti, violetti, valkoinen, musta.
• Vaaleanoranssi: harmaa, ruskea, oliivi.
• Tummanoranssi: vaaleankeltainen, oliivi, ruskea, kirsikka.
• Keltainen: sininen, violetti, vaaleansininen, violetti, harmaa, musta.
• Sitruunankeltainen: kirsikanpunainen, ruskea, sininen, harmaa.
• Vaaleankeltainen: fuksia, harmaa, ruskea, punaisen sävyt, kellertävänruskea, sininen, violetti.
• Kultainen: harmaa, ruskea, taivaansininen, punainen, musta.
• Oliivi: oranssi, vaaleanruskea, ruskea.
• Vihreä: kullanruskea, oranssi, salaatti, keltainen, ruskea, harmaa, kerma, musta, kermanvalkoinen.
• Salaatin väri: ruskea, kellertävänruskea, kellanruskea, harmaa, tummansininen, punainen, harmaa.
• Turkoosi: fuksia, kirsikanpunainen, keltainen, ruskea, kerma, tumman violetti.
• Sähköasentaja on komea yhdessä kullankeltaisen, ruskean, vaaleanruskean, harmaan tai hopean kanssa.
• Sininen: punainen, harmaa, ruskea, oranssi, vaaleanpunainen, valkoinen, keltainen.
• Tummansininen: vaalea violetti, vaaleansininen, kellertävän vihreä, ruskea, harmaa, vaaleankeltainen, oranssi, vihreä, punainen, valkoinen.
• Lila: oranssi, vaaleanpunainen, tumman violetti, oliivi, harmaa, keltainen, valkoinen.
• Tumman violetti: kullanruskea, vaaleankeltainen, harmaa, turkoosi, mintunvihreä, vaalean oranssi.
• Musta on monipuolinen, tyylikäs, näyttää kaikissa yhdistelmissä, parhaiten oranssin, vaaleanpunaisen, salaatin, valkoisen, punaisen, lilan tai keltaisen kanssa.