Väri ympyrä. Viileä väriyhdistelmä huijausarkki

Väriä käytetään laajasti suunnittelussa - sen avulla voit "elvyttää" sisällön - luoda semanttinen yhteys elementtien välille, täyttää työ tunteilla ja tunnelmalla. Aloittelevat suunnittelijat valitsevat satunnaisia ​​värejä, mutta on olemassa tapoja käyttää värejä mielekkäämmin. Harkitse 4 tällaista menetelmää, jotka on järjestetty periaatteen mukaan yksinkertaisesta monimutkaiseen.

1. Käytä tunnettua skaalaa

Brandcolors.net-verkkosivustolle on kerätty yli 500 väriyhdistelmää kuuluisista brändeistä. Yandex, Google ja Burger King käyttävät samaa palettia kaikissa tuotteissaan. Nämä merkit ja niiden värit ovat tuttuja ja rakastamia monille. Kirjoita nimi hakupalkkiin tai selaa sivua, napsauta haluamaasi merkkiä ja väriä: sen koodi kopioidaan leikepöydälle.

2. Valitse valmis ammattimainen paletti

Helpoin tapa on ottaa valmis väriyhdistelmä. Pyörää ei tarvitse keksiä uudelleen joka kerta, koska harmoniset yhdistelmät ovat olleet tiedossa jo pitkään. Mene osoitteeseen colordrop.io ja valitse. Sivustolla on satoja ammattimaisia ​​4-väripaletteja. Kun olet valinnut haluamasi, napsauta ja kopioi värikoodit oikealle avautuvasta paneelista.

Lisäksi palvelu sisältää valmiin valikoiman 24 flat design -väriä. Napsauta vasemmalla nimen "Flat Colors" alla ja ota haluamasi sävyn koodi.

3. Määritä haluamasi valokuvan tai kuvan väripaletti

Tämä menetelmä on hieman vaikeampi. Mutta myös tehokkaampi.

• Etsi sivulta coolors.co vasemman yläpaneelin kamerakuvake ja napsauta sitä. Kuvan latausikkuna avautuu.
• Voit valita valokuvan tai kuvan haluamallasi värimaailmalla tietokoneeltasi tai kopioida linkin tyhjään sarakkeeseen.
• Palvelu määrittää väriyhdistelmän (alla, ladatun kuvan alla).
• Voit muuttaa tämän paletin yksittäisiä värejä merkitsemällä ne ja valitsemalla valokuvasta kohdan, josta haluat ottaa värin.
• "Kollaasi"-painike tallentaa tuloksena olevan paletin värikoodeilla tietokoneeseen.
• "Auto"-painike luo uusia yhdistelmiä saman kuvan perusteella.
• Napsauta "OK" ja siirry sivuston pääsivulle jatkaaksesi työskentelyä paletin kanssa.

Sivuston pääsivu ei ole yhtä toimiva. Täältä voit poimia yksittäisten värien sävyjä tai koota uuden paletin vaihtamalla yksittäisiä värejä.

4. Luo oma värimaailma verkossa

Lataamalla valokuvan samalle sivustolle coolors.co, voit määrittää värikoodin lisäksi myös omia yhdistelmiäsi. Voit tehdä tämän painamalla välilyöntiä - palvelu luo automaattisesti 5 värin yhdistelmän.

Jokaisella värillä 4 painikekuvaketta:

• Vaihtoehtoiset sävyt - värisävyt (tummempi ja vaaleampi),
• Vedä (siirrä väriä paletissa oikealle tai vasemmalle),
• Säädä (säädä sävyä, kylläisyyttä, kirkkautta jne.),
• Lukko (korjaa väri).

Väri on yksi eniten tärkeitä elementtejä suunnittelijan työssä. Mutta käsitteenä se on melko vaikea hallita: monet palettien yhdistelmät tekevät usein vaikeaksi päättää, miten web-sivujen ja sovellusten käyttöliittymä parhaiten muotoilla. Aiemmin olemme julkaisseet katsauksia valitsemistamme työkaluista ja. Ja tänään haluamme laajentaa aihetta julkaisemalla blogiin käännöksen Nick Babichin artikkelista Essential Color Tools for UX Designers.

Tämä viesti sisältää luettelon parhaista värinsovituspalveluista verkkosivustoille ja UX-suunnitteluun, jotka säästävät paljon aikaa. Näiden projektien kautta opit:

• mistä ammentaa inspiraatiota;
• kuinka luoda oma paletti;
• kuinka tehdä suunnittelusta värinäkövammaisten ihmisten ulottuville.

1. Inspiraation etsiminen

Luonnon värit

Piirrä ympärilläsi olevasta maailmasta. Tarvitset vain katsoa ympärillesi. Muotivaatteet, kirjojen kannet, sisustussuunnittelu... ympärilläsi on niin paljon uskomattomia asioita. Mutta parhaat väriyhdistelmät ovat luonnon värit. Ikuista kaunis hetki ja yritä luoda oma valintasi tietyn kuvan perusteella.

Parhaat väriyhdistelmät löytyvät luonnosta. Voit saada väriteeman mistä tahansa valokuvasta

Behance

Suositusta palvelusta löydät mielenkiintoisia teoksia alansa todellisten ammattilaisten parhaisiin verkkosalkkuihin. Tämä sivusto on myös loistava inspiraation lähde. Jos haluat nähdä uusia arvokkaita esimerkkejä projekteista, valitse vain haluamasi väri.

Dribbble-värit

Dribbble on yksi parhaista, joista on hyötyä käyttöliittymää luotaessa. Jos haluat visuaalisesti ymmärtää, kuinka muut ovat käyttäneet tiettyä väriä, siirry osoitteeseen dribbble.com/colors ja anna haluamasi arvo.

Kun valitset sivuston väriä, voit asettaa sen vähimmäisprosenttiosuuden - kokeile esimerkiksi 30 % sinistä.

Yritä asettaa tietyn värin vähimmäisprosenttiosuus Dribbblessä

suunnittelun inspiraatiota

Designspiration on hyödyllinen työkalu ensisijaisesti niille, joilla on jo väriyhdistelmäideoita ja jotka haluavat nähdä esimerkkejä tällaisista yhdistelmistä. Valitse 1-5 vaihtoehtoa, niin löydät kuvat, jotka vastaavat määritettyjä parametreja.

Designspirationista löydät erilaisia ​​esimerkkejä väriyhdistelmiä

Tineye Multicolr

Tineye Multicolr -värinsovituspalvelun avulla voit määrittää haluamasi kuvaskaalan ja jopa asettaa kunkin niistä prosenttiosuuden (suhteen). Sivusto on integroitu Flickr-sivuston 20 miljoonan Creative Commons -kuvan tietokantaan. Tämä on ehdottomasti yksi suurimmista nopeita tapoja löytää täydellisestä paletista.

Colorzilla

ColorZilla on laajennus asennettavaksi Chrome- ja Mozilla Firefox -selaimiin. Se sisältää työkaluja, kuten pipetin, palettien selaamisen, luomisen ja paljon muuta.

ColorZilla-laajennus saatavilla Chromessa ja Firefoxissa

Shutterstock Spectrum

Yksi parhaista tavoista saada käsitys siitä, miltä värimaailma tulee näyttämään, on katsoa vastaavia kuvia. Useimmat ratkaisut, jotka tarjoavat verkkosivujen suunnittelun värivaihtoehtoja, sisältävät tämän ominaisuuden, mutta Shutterstock Spectrumissa on uskomattoman käyttäjäystävällinen käyttöliittymä ja esikatselu, joista voi olla hyötyä.

Lisäksi et tarvitse tilausta, koska kuvan alustava arvio riittää (vaikka siinä on "vesileima").

W3Schools

Äskettäin blogissa arvosteltiin valikoima W3Schoolsista. Aiheesta on paljon tietoa, aina niiden nimistä/sävykoodeista, palettiyhdistelmien teoriasta ja päättyen eri formaattien kuvauksiin: HEX, RGB, CMYK, HWB jne. Löydät myös yksinkertaisia ​​generaattoreita, muuntimia ja vastaavat "minipalvelut". Kaiken kaikkiaan mielenkiintoista nähdä.

2. Luo väripaletti

Materiaalisuunnittelun värityökalu

Material Design Color Tool -sivuston värinvalitsinpalvelun avulla voit luoda, jakaa ja esikatsella valintojesi värimalleja. Yksi sen hyödyllisistä tehtävistä on mitata minkä tahansa väriyhdistelmän saavutettavuustaso.

jäähdyttimet

Coolors on sivusto monivärisen paletin luomiseen. Korjaa vain tietty väri ja paina välilyöntiä. Työkalu on hyvä myös siinä mielessä, että saat useamman kuin yhden tuloksen, mutta voit luoda useita vaihtoehtoja muuttamalla vain alkutietoja.

Värimaailma kohdassa Coolors valokuvan perusteella

Adobe Color CC

Värien täsmäytyspalvelu Adobe Color CC (aiemmin Kuler) on nyt melko suosittu. Se on vapaasti saatavilla Internetissä, mutta siitä on myös kuvaileva versio. Tällä verkkosovelluksella teet palettisi väripyörän avulla:

Tai voit saada tietyn tuloksen valmiista kuvasta:

Sivuston värivalinta kuvan mukaan

Täällä on satoja valmiita yhdistelmiä, etsi ne "Katso"-osiosta:

Jos käytät työpöytäversiota, voit viedä luomasi värijärjestelmän InDesigniin, Photoshopiin ja Illustratoriin yhdellä napsautuksella.

paletti

Sitä verrataan usein edelliseen Adobe Color CC:hen, koska nämä mallit ovat hyvin samankaltaisia. Ainoa ero on, että Palettonissa et ole rajoitettu viiteen vaihtoehtoon, vaan voit kokeilla lisäkäyttöliittymäääniä.

Lisäksi voit katsoa . Yhdessä muiden kanssa sovelluksen avulla voit työskennellä missä tahansa, vain älypuhelimesi avulla. Suoran väripalettien luomisen/viennin lisäksi voit valita kuvista tiettyjä värejä tai käyttää perusasetuksia.

3. Paletin avaaminen

Tällä hetkellä värin havaitsemishäiriöt ovat paljon yleisempiä kuin uskommekaan. Noin 285 miljoonalla ihmisellä maailmassa on näköongelmia. Sinun tulee aina tarkistaa, onko valitsemasi vaihtoehto tällaisten käyttäjien saatavilla.

WebAIM värikontrastitarkistus

Jotkut sävyt yhdistyvät täydellisesti toisiinsa, kun taas toiset ovat täysin päinvastaisia. Valtava määrä projekteja ei läpäise A / A-testiä, ja tämä on tosiasia. On erittäin tärkeää tarkistaa käyttöliittymän visuaalinen suunnittelu ja sävyjen kontrasti, varsinkin jos sivulla on paljon tekstiä. Käytä näihin tarkoituksiin valitessasi sivuston värejä.

WebAIM Color Contrast Checker on verkkopohjainen työkalu, joka tarkistaa värikoodit heksadesimaaliarvoina.

jäähdyttimet

Olemme jo maininneet tämän palvelun edellä. Muun muassa Coolors auttaa sinua myös tarkistamaan keksimäsi palettisi värisokeuden varalta.

Värisokeuden tyyppi mallissa

Valitse "Normaali"-tilan sijasta näköongelman tyyppi, jota haluat simuloida. Tämän seurauksena ymmärrät tarkalleen, kuinka henkilö, joka ei pysty erottamaan tiettyjä värejä, näkee suunnittelusi.

Näin protanomaaliasta kärsivä henkilö näkee paletin

NoCoffee Vision Simulator Chromelle

NoCoffee Vision Simulator -sivuston avulla voit nähdä, kuinka värisokeat tai heikkonäköiset ihmiset näkevät tietyt verkkosivut. Jos esimerkiksi määrität "Achromatopsia" -vaihtoehdon "Väripuute"-osiossa, näet verkkosivun harmaana.

Tältä CNN-projekti näyttää deuteranopiasta kärsivälle henkilölle

Johtopäätös

Kaikki artikkelissa mainitut verkkosivustojen ja UX-suunnittelun värien sovituspalvelut auttavat sinua varmasti mielenkiintoisen ja tehokkaan valikoiman etsinnässä. Mutta muista: Paras tapa opi luomaan upeita paletteja - harjoittele ja kokeile paljon.

Esittelyssä hyödyllinen työkalu värien valintaan - Ittenin väripyörä.

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, lovien ja osoittimien keskinäinen järjestely ympyrässä toteutetaan lakien perusteella "koloristiikka" (väriteoria), joten sen avulla on erittäin kätevää valita harmonisia sävyyhdistelmiä tarvittaessa.

Eli itse asiassa se on "elävä", materiaalihuijauslehti, joka näyttää kaikki tärkeimmät väriteemat. "Live", koska se voidaan poimia, toisin kuin kuva näytöllä.

väripyörä laite

Suunnittelija puoli Taiteilijan puoli

Ostaa

Luonnollisesti sinun on voitava käyttää tällaista näennäisesti monimutkaista laitetta, joten verkkosivustollamme voit paitsi ostaa väripyörän, myös tutustua sen laitteeseen yksityiskohtaisesti, lukea sen käyttöohjeet, katsoa erilaisia ​​​​videoita Tämä aihe.

Suosittelemme myös tutustumaan vaatteiden värivalinnan verkkopalveluun.

Ympyrä väriyhdistelmien valintaa varten

Tämän laitteen edeltäjä moderni muoto on Ittenin 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ä mahdollisimman paljon toisiaan vastaan ​​eroavat parit olivat vastakkain. Keskelle hän asetti kolmion, jossa oli kolme pääväriä - punainen, sininen ja keltainen (niistä kaikki muut voidaan saada sekoittamalla eri suhteissa). 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 tiedotusviesti, jonka tällainen asettelu kuljettaa, on osoitettu aloitteleville taiteilijoille - he näkevät selvästi eri värien sekoittamisen tulokset.

Katsotaanpa tätä kohtaa tarkemmin.

Miksi perusvärejä on kaksitoista?

• Kuten kuvasta näkyy, on kolme ensisijainen värit (jota kutsutaan myös ensisijaiseksi).
• Sekoita ne pareittain yhtä suuressa suhteessa, saat kolme toissijainen, kaikki yhteensä - kuusi.
• Seos ensisijainen naapuripiirin kanssa toissijainen antaa tertiäärinen väri. Osoittautuu kuusi muuta yhdistelmää, 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 ne piirit, jotka voit löytää myyntiin tai tilata tältä sivustolta, ovat monimutkaisempia ja sisältävät paljon enemmän hyödyllistä tietoa kuin yksinkertainen "kaksitoistaosainen Itten-sormus".

Värien sekoitusopas

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

Vaikka sävy poikkeaisi hieman halutusta, haluttu tulos voidaan saavuttaa muuttamalla sekoitettujen maalien mittasuhteita.

Mutta kuinka määrittää nämä samat mittasuhteet? Onko se sattumanvaraista? Ei, väripyörä voi myös auttaa tässä.

kylläisyysasteikko

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

Kylläisyysasteikko on harmaan sävyjen asteikko mustasta valkoiseen. Asteikolla esitetyistä eri kirkkausasteikon harmaista soluista löydät aina harmaan sävyn, joka on mahdollisimman lähellä kylläisyyttä haluttua sävyä, minkä jälkeen käy selväksi, kuinka paljon maalia tarvitsee tummentaa tai vaalentaa.

Katso tämä video nähdäksesi kuinka tämä tehdään käytännössä:

Väriyhdistelmämalleja

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ää "sopivia" värejä 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 sanonta kuuluu, "maulle ja värille ei ole ystävää."

Toiseksi, ovatko ne "sopivia" vai "sopimattomia" - kaikki riippuu tietystä tilanteesta, tunnelmasta, siitä, mitä taiteilija tai suunnittelija tarkalleen haluaa sanoa, tyylistä, jolla tämä työ tehdään, onko tarpeen korostaa jotakin. 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 kyettävä käyttämään tätä työkalua. Sinun on tiedettävä itse tai ainakin tunnettava, mikä järjestelmistä sopii parhaiten tehtävällesi. Omalta osaltamme yritämme laittaa tälle sivustolle mahdollisimman paljon hyödyllistä tietoa väripyörän käytöstä (katso kohta

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

Joskus istut ja mietit, mikä sinisen sävy valita sivuston pääsävyksi, hieman vaaleampi tai hieman kirkkaampi, tai ehkä tummempi... Ja siihen on vielä hankittava lisää. Tietysti voit tehdä sen 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 poimimiseen (mielestäni). Siinä on monia lisäominaisuuksia. Voit esimerkiksi nähdä esimerkin vaaleasta ja tummasta sivusta valituilla väreillä.

On mahdollista arvioida, kuinka he näkevät sinun väriskeema ihmiset, joilla on värisokeus ja muut näkövammaiset. 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 rakasta sitä sen takia. Sen lisäksi, että voit luoda värimalleja itse, voit tarkastella ja käyttää muiden luomia malleja.

Voit tehdä tämän napsauttamalla painiketta vasemman yläkulman valikossa "Katso". Ja näet gallerian kaikenlaisista väriyhdistelmistä.

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

Käytän tätä sivustoa tuskin, mutta koska minulla on se jo kirjanmerkeissäni, päätin lisätä sen.

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

Valitset minkä tahansa kuvan, jonka väreistä pidät, palvelu analysoi sen ja antaa sinulle väripaletin. Nämä kaksi sivustoa eroavat toisistaan ​​vain siinä, miten niille tarjotaan kuva.

Tämä sivusto tarvitsee ladata kuva tietokoneeltasi.

Erittäin kätevä värinvalitsin. Perustuu "tykkää - ei pidä" -periaatteeseen.

flatcolors.net

Kuten nimestä voi päätellä, täällä voit valita värit trendikkääseen, litteään muotoiluun. Sivusto on mielenkiintoinen siinä mielessä, että valitsemalla paletin voit ladata sen Corel- ja Photoshop-ohjelmia varten.

materialpalette.com

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

Ja lopuksi taas käyttöliittymä. Tämä 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ärinsovitussivustoja käytät web-suunnitteluun?

Tarvitsetko verkkosivuston oikeilla väreillä? tehdään se :)

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

Kaverit, laitamme sielumme sivustoon. Kiitos siitä
tämän kauneuden löytämisestä. 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 Itten-väripyörän vastakkaisilla puolilla sijaitsevia värejä. Niiden yhdistelmä näyttää erittäin eloisalta ja energiseltä, etenkin maksimaalisella värikylläisyydellä.

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

Kolmen värin yhdistelmä, jotka sijaitsevat samalla etäisyydellä toisistaan. Tarjoaa korkean kontrastin säilyttäen samalla harmonian. Tällainen koostumus näyttää melko eloisalta jopa vaaleita ja epätyydyttyneitä värejä käytettäessä.

Kaavio nro 3. Samanlainen yhdistelmä

2-5 värin yhdistelmä väriympyrässä vierekkäin (mieluiten 2-3 väriä). Vaikutelma: rauhallinen, rentouttava. 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 vastakkaisen värin sijasta käytetään sen viereisiä värejä. Päävärin ja kahden lisävärin yhdistelmä. Tämä kaava näyttää melkein yhtä kontrastilta, mutta ei niin jännittyneeltä. Jos et ole varma, osaatko käyttää täydentäviä yhdistelmiä oikein, käytä erillisiä täydentäviä yhdistelmiä.

Kaavio numero 5. Tetrad - 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 numero 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, vauvansininen.
• Fuksia (tummanpunainen): harmaa, rusketus, lime, 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.
• Vadelmanpunainen: valkoinen, musta, ruusu.
• Ruskea: kirkkaan sininen, kerma, vaaleanpunainen, kellanruskea, vihreä, beige.
• Vaaleanruskea: vaaleankeltainen, kermanvalkoinen, sininen, vihreä, violetti, punainen.
• Tummanruskea: sitruunankeltainen, taivaansininen, mintunvihreä, purppuranpunainen, lime.
• Punaruskea: vaaleanpunainen, tummanruskea, sininen, vihreä, violetti.
• Oranssi: sininen, 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, rusketus, 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, ruskea, kellanruskea, harmaa, tummansininen, punainen, harmaa.
• Turkoosi: fuksia, kirsikanpunainen, keltainen, ruskea, kerma, tumman violetti.
• Sähköasentaja on kaunis yhdessä kullankeltaisen, ruskean, vaaleanruskean, harmaan tai hopean kanssa.
• Sininen: punainen, harmaa, ruskea, oranssi, vaaleanpunainen, valkoinen, keltainen.
• Tummansininen: vaalea violetti, taivaansininen, 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, pinkin, salaatin, valkoisen, punaisen, lilan tai keltaisen kanssa.