Kulay ng bilog. Cool na kumbinasyon ng kulay cheat sheet Programa ng color wheel

Guys, inilalagay namin ang aming kaluluwa sa site. Salamat diyan
para sa pagtuklas ng kagandahang ito. Salamat sa inspirasyon at goosebumps.
Samahan kami sa Facebook at Sa pakikipag-ugnayan sa

Scheme No. 1. Komplementaryong kumbinasyon

Ang komplementary, o karagdagang, contrasting, ay mga kulay na matatagpuan sa magkabilang panig ng color wheel ng Itten. Ang kanilang kumbinasyon ay mukhang napakasigla at masigla, lalo na sa maximum na saturation ng kulay.

Numero ng scheme 2. Triad - isang kumbinasyon ng 3 kulay

Ang kumbinasyon ng 3 mga kulay na nakahiga sa parehong distansya mula sa bawat isa. Nagbibigay ng mataas na contrast habang pinapanatili ang pagkakaisa. Ang ganitong komposisyon ay mukhang medyo masigla kahit na gumagamit ng maputla at desaturated na mga kulay.

Scheme No. 3. Isang katulad na kumbinasyon

Isang kumbinasyon ng 2 hanggang 5 mga kulay na matatagpuan sa tabi ng isa't isa sa color wheel (perpektong 2-3 mga kulay). Impression: kalmado, nakakarelaks. Isang halimbawa ng kumbinasyon ng mga katulad na naka-mute na kulay: dilaw-orange, dilaw, dilaw-berde, berde, asul-berde.

Scheme Blg. 4. Separate-complementary combination

Isang variant ng isang pantulong na kumbinasyon ng mga kulay, sa halip na ang kabaligtaran na kulay, ang mga kulay na katabi nito ay ginagamit. Ang kumbinasyon ng pangunahing kulay at dalawang karagdagang. Ang scheme na ito ay mukhang halos magkakaibang, ngunit hindi masyadong panahunan. Kung hindi ka sigurado na magagamit mo nang tama ang mga komplementaryong kumbinasyon, gumamit ng mga hiwalay na komplementaryong kumbinasyon.

Numero ng scheme 5. Tetrad - isang kumbinasyon ng 4 na kulay

Isang scheme ng kulay kung saan ang isang kulay ang pangunahing isa, dalawa ang komplementaryo, at ang isa ay nagha-highlight sa mga accent. Halimbawa: asul-berde, asul-lila, pula-kahel, dilaw-kahel.

Numero ng scheme 6. Square

Mga kumbinasyon ng mga indibidwal na kulay

• Puti: sumasama sa lahat. Ang pinakamahusay na kumbinasyon na may asul, pula at itim.
• Beige: may asul, kayumanggi, esmeralda, itim, pula, puti.
• Gray: may fuchsia, red, purple, pink, blue.
• Pink: may kayumanggi, puti, mint green, olive, gray, turquoise, baby blue.
• Fuchsia (dark pink): may kulay abo, kayumanggi, dayap, mint green, kayumanggi.
• Pula: may dilaw, puti, kayumanggi, berde, asul at itim.
• Pula ng kamatis: asul, mint green, sandy, creamy white, grey.
• Cherry red: azure, grey, light orange, sandy, pale yellow, beige.
• Raspberry pula: puti, itim, damask rose.
• Kayumanggi: maliwanag na asul, cream, pink, fawn, green, beige.
• Banayad na kayumanggi: maputlang dilaw, creamy na puti, asul, berde, lila, pula.
• Madilim na kayumanggi: lemon yellow, sky blue, mint green, purplish pink, lime.
• Mapula-pula kayumanggi: pink, dark brown, blue, green, purple.
• Orange: asul, asul, lila, lila, puti, itim.
• Banayad na orange: kulay abo, kayumanggi, olibo.
• Madilim na orange: maputlang dilaw, olibo, kayumanggi, seresa.
• Dilaw: asul, mauve, light blue, purple, grey, black.
• Lemon yellow: cherry red, brown, blue, grey.
• Maputlang dilaw: fuchsia, grey, brown, shades of red, tan, blue, purple.
• Gintong dilaw: kulay abo, kayumanggi, azure, pula, itim.
• Olive: orange, mapusyaw na kayumanggi, kayumanggi.
• Berde: ginintuang kayumanggi, orange, lettuce, dilaw, kayumanggi, kulay abo, cream, itim, creamy white.
• Kulay ng salad: kayumanggi, kayumanggi, usa, kulay abo, madilim na asul, pula, kulay abo.
• Turquoise: fuchsia, cherry red, yellow, brown, cream, dark purple.
• Maganda ang electrician sa kumbinasyon ng gintong dilaw, kayumanggi, mapusyaw na kayumanggi, kulay abo o pilak.
• Asul: pula, kulay abo, kayumanggi, orange, rosas, puti, dilaw.
• Madilim na asul: light purple, sky blue, madilaw na berde, kayumanggi, kulay abo, maputlang dilaw, orange, berde, pula, puti.
• Lila: orange, pink, dark purple, olive, grey, yellow, white.
• Madilim na lila: ginintuang kayumanggi, maputlang dilaw, kulay abo, turkesa, mint green, light orange.
• Ang itim ay versatile, elegante, mukhang sa lahat ng kumbinasyon, pinakamahusay na may orange, pink, salad, puti, pula, lila o dilaw.

Ang kulay ay malawakang ginagamit sa disenyo - pinapayagan ka nitong "muling buhayin" ang nilalaman - upang lumikha ng isang semantikong koneksyon ng mga elemento, upang punan ang trabaho ng mga emosyon at kalooban. Pinipili ng mga nagsisimulang designer ang mga random na kulay, ngunit may mga paraan upang magamit ang kulay nang mas makabuluhan. Isaalang-alang ang 4 na mga pamamaraan, na inayos ayon sa prinsipyo mula sa simple hanggang sa kumplikado.

1. Gumamit ng kilalang gamut

Mahigit sa 500 kumbinasyon ng kulay ng mga sikat na tatak ang nakolekta sa website ng brandcolors.net. Yandex, Google, Burger King ay gumagamit ng parehong palette sa lahat ng kanilang mga produkto. Ang mga tatak na ito at ang kanilang mga kulay ay pamilyar at minamahal ng marami. I-type ang pangalan sa search bar o mag-scroll sa pahina, mag-click sa nais na tatak at kulay: ang code nito ay makokopya sa clipboard.

2. Pumili ng isang handa na propesyonal na palette

Ang pinakamadaling paraan ay ang kumuha ng handa na kumbinasyon ng mga kulay. Hindi kinakailangan na muling likhain ang gulong sa bawat oras, dahil ang magkatugma na mga kumbinasyon ay kilala sa mahabang panahon. Pumunta sa colordrop.io at pumili. Mayroong daan-daang propesyonal na 4 na kulay na palette sa site. Pagkatapos piliin ang gusto mo, i-click at kopyahin ang mga color code mula sa panel na bubukas sa kanan.

Bilang karagdagan, ang serbisyo ay naglalaman ng isang yari na seleksyon ng 24 na flat design na kulay. Mag-click sa kaliwa sa ilalim ng pangalang "Flat Colors" at kunin ang code ng shade na gusto mo.

3. Tukuyin ang color palette ng larawan o larawan na gusto mo

Ang pamamaraang ito ay medyo mas mahirap. Ngunit mas epektibo rin.

• Sa site coolors.co sa tuktok na panel sa kaliwa, hanapin ang icon ng camera, i-click ito. Magbubukas ang isang window ng pag-upload ng larawan.
• Maaari kang pumili ng larawan o larawan na may color scheme na gusto mo mula sa iyong computer o kopyahin ang link sa isang walang laman na column.
• Tutukuyin ng serbisyo ang kumbinasyon ng mga kulay (sa ibaba, sa ilalim ng na-upload na larawan).
• Maaari mong baguhin ang mga indibidwal na kulay ng palette na ito sa pamamagitan ng pagmamarka sa kanila at pagpili ng punto sa larawan kung saan mo gustong kunin ang kulay.
• Ang "Collage" na button ay nagse-save ng resultang palette na may mga color code sa computer.
• Ang "Auto" na button ay bumubuo ng mga bagong kumbinasyon batay sa parehong larawan.
• I-click ang "OK" at pumunta sa pangunahing pahina ng site para sa karagdagang trabaho sa palette.

Ang pangunahing pahina ng site ay hindi gaanong gumagana. Dito maaari kang pumili ng mga kulay ng mga indibidwal na kulay o mag-ipon ng bagong palette sa pamamagitan ng pagpapalit ng mga indibidwal na kulay.

4. Lumikha ng iyong sariling scheme ng kulay online

Sa pamamagitan ng pag-upload ng larawan sa parehong site coolors.co, hindi mo lamang matutukoy ang code ng kulay, ngunit lumikha din ng iyong sariling mga kumbinasyon. Upang gawin ito, pindutin ang spacebar - awtomatikong lumilikha ang serbisyo ng kumbinasyon ng 5 kulay.

Sa bawat kulay 4 na icon ng button:

• Mga alternatibong shade - Mga shade ng kulay (mas madidilim at mas magaan),
• I-drag (Ilipat ang kulay sa kanan o kaliwa sa palette),
• Ayusin (Ayusin ang kulay, saturation, liwanag, atbp.),
• Lock (ayusin ang kulay).

Ang pagpili ng scheme ng kulay para sa isang website ay isa sa pinakamahalagang hakbang sa proseso ng disenyo. Ang pagpili ng isang kumbinasyon ng mga kulay ay isang medyo kumplikado at malikhaing proseso. Sa kabutihang palad, mayroong maraming mga serbisyo na maaaring magbigay ng makabuluhang suporta para sa paggawa ng tamang pagpili.

Ang ilan sa mga mapagkukunang binanggit sa pangkalahatang-ideya na ito ay nagbibigay-daan sa iyo na pumili mula sa isang malaking bilang ng mga handa na mga scheme ng kulay, habang ang iba ay nagpapahintulot sa iyo na interactive na bumuo ng iyong sariling scheme.

Kuler

Naglalaman ang Adobe Kuler ng malaking library ng mga pre-made na color scheme. Maaari mong tingnan ang diagram online at i-download ito para magamit sa mga produkto ng Adobe Creative Suite.

Ang Color Lovers ay kasalukuyang mayroong halos 2 milyong mga scheme ng kulay na ginawa ng user. Maaari mong tingnan ang mga ito na pinagsunod-sunod ayon sa petsa, rating, bilang ng mga view.

Ang ColoRotate ay may library ng mga pre-made na color scheme. Maaari ka ring lumikha ng iyong sariling scheme gamit ang natatanging 3D tool. Ang scheme ng kulay ay maaaring gamitin nang direkta sa Photoshop at Fireworks gamit ang ColoRotate plugin.

Pinapayagan ka ng Color Scheme Designer na piliin ang uri ng color scheme (mono, complementary, triad, tetrad, analog). Pagkatapos ay posible na ayusin ang mga kulay at makita ang epekto ng scheme sa isang halimbawa.

Ang ColorSchemer ay may malaking library ng mga color scheme na ginawa ng user. Maaari mong pag-uri-uriin ang mga ito ayon sa petsa ng pag-post, rating, o bilang ng mga pag-download.

Ang Pictaculous ay isang simpleng tool sa pagbuo ng scheme ng kulay online. Maaari kang mag-upload ng isang imahe at ang serbisyo ay bubuo ng isang diagram na gagamitin kasama ng larawan.

Kulay Spire

Ang Color Spire ay isang napakadaling gamitin na serbisyo. Pumili ka ng baseng kulay at nagmumungkahi ito ng scheme ng kulay. Maaari mo ring makita ang hitsura ng scheme sa isang simpleng template.

Malaki ang papel ng mga kulay sa disenyo ng web. Upang piliin nang tama ang scheme ng kulay para sa site, mayroong mga espesyal na serbisyo. Sigurado akong bawat web designer ay may kahit isa sa kanilang mga bookmark.

Minsan umupo ka at iniisip kung aling lilim ng asul ang pipiliin bilang pangunahing isa para sa site, medyo mas magaan o medyo mas maliwanag, o marahil mas madilim ... At kailangan mo pa ring pumili ng mga karagdagang para dito. Siyempre, magagawa mo ito sa pamamagitan ng mata, ngunit mas mahusay na gumamit ng isa sa mga espesyal na serbisyo.

Hindi ako magsasalita tungkol sa teorya ng kulay (ito ay masyadong maraming impormasyon), ngunit i-publish lamang dito ang mga serbisyo na mayroon ako sa aking mga bookmark at ginagamit ko.

Kaibigan ko ang instrumentong ito sa loob ng maraming taon. Ang pinaka-maginhawang tool para sa pagpili ng mga kulay (sa aking opinyon). Mayroon itong maraming karagdagang mga tampok. Halimbawa, maaari kang makakita ng halimbawa ng isang maliwanag at madilim na pahina na may mga piling kulay.

Posibleng suriin kung paano makikita ng mga taong may color blindness at iba pang mga kapansanan sa paningin ang iyong scheme ng kulay. Maaari kang pumili ng mga kulay na ligtas sa web.

Ang Adobe Kuler ay ang pangalawang web tool na madalas kong ginagamit. Ang pagpili ng scheme ng kulay ay halos kapareho ng sa nakaraang site, ngunit mahal ko ito hindi para doon. Bilang karagdagan sa kakayahang lumikha ng mga scheme ng kulay sa iyong sarili, maaari mong tingnan at gamitin ang mga scheme na ginawa ng ibang mga tao.

Upang gawin ito, i-click ang pindutan sa itaas na kaliwang menu na "Panoorin". At makikita mo ang isang gallery ng lahat ng uri ng mga kumbinasyon ng kulay.

Ang tool na ito ay medyo katulad ng Colorscheme, ngunit may mas kaunting mga tampok, ngunit posibleng makita kung ano ang magiging hitsura ng mga bloke ng kulay.

Halos hindi ko ginagamit ang site na ito, ngunit dahil mayroon na ako nito sa aking mga bookmark, nagpasya akong idagdag ito.

Ang sumusunod na dalawang site ay bumubuo ng isang palette mula sa isang imahe na iyong pinili. Ito ay magic :)

Pumili ka ng anumang larawan na may mga kulay na gusto mo, sinusuri ito ng serbisyo at binibigyan ka ng paleta ng kulay. Ang dalawang site na ito ay naiiba lamang sa kung paano magbigay sa kanila ng isang larawan.

Kailangan ng site na ito download larawan mula sa iyong computer.

Isang napakadaling tagapili ng kulay. Batay sa prinsipyo ng "Like - Dislike".

Gaya ng ipinahihiwatig ng pangalan, dito maaari kang pumili ng mga kulay para sa uso ngayon, flat na disenyo. Ang site ay kawili-wili sa pamamagitan ng pagpili ng isang palette, maaari mong i-download ito para sa mga programang Corel at Photoshop.

Ang isa pang uso sa fashion ay ang disenyo ng materyal. Nakakatulong ang site na ito na pumili ng mga kumbinasyon ng kulay para sa UI (user interface). Bilang karagdagan, ang site ay may malaking hanay ng mga icon.

At sa wakas, muli ang user interface. Isa lang itong hanay ng mga kulay para sa disenyo ng UI. Sa pamamagitan ng pag-click sa anumang kulay, makikita mo kung paano babasahin ang puting teksto laban sa isang partikular na background.

Ito ang mga tool na mayroon ako sa aking mga bookmark.

Isulat sa mga komento kung anong color matching sites para sa web design ang ginagamit mo?

Kailangan mo ng website na may tamang kulay? gawin natin :)

May nakitang error? I-highlight ang isang piraso ng text at i-click CTRL+ENTER

Ipinapakilala ang isang kapaki-pakinabang na tool para sa pagpili ng mga kulay - color wheel ni Itten.

Ano ito?

Sa madaling salita, ito ay tatlong mga disk na inilagay sa parehong axis, sa mga ibabaw kung saan ang lahat ng mga pangunahing kulay ng light spectrum ay ipinapakita, pati na rin ang maximum na posibleng bilang ng mga shade at isang contrast scale.

Ang magkaparehong pag-aayos ng mga kulay, shade, slot at pointer sa bilog ay ipinatupad batay sa mga batas "coloristics" (teorya ng kulay), kaya sa tulong nito ay napaka-maginhawa upang pumili ng magkatugma na mga kumbinasyon ng mga shade kung saan kinakailangan.

Iyon ay, sa katunayan, ito ay isang "live", materyal na cheat sheet, na nagpapakita ng lahat ng pangunahing mga scheme ng kulay. "Live", dahil maaari itong kunin, hindi tulad ng larawan sa screen.

aparato ng color wheel

Bumili

Naturally, kailangan mong magamit ang tulad ng isang tila kumplikadong aparato, kaya sa aming website hindi ka lamang makakabili ng color wheel, ngunit maging pamilyar ka sa device nito nang detalyado, basahin ang mga tagubilin kung paano gamitin ito, manood ng iba't ibang mga video sa ang paksang ito.

Inirerekomenda din namin na maging pamilyar ka sa online na serbisyo para sa pagpili ng mga kulay sa mga damit.

Circle para sa pagpili ng mga kumbinasyon ng kulay

Ang hinalinhan ng device na ito sa modernong anyo nito ay ang Itten color ring (tingnan ang figure sa ibaba).

Si Johannes Itten ang unang nag-iisa ng eksaktong labindalawang kulay mula sa buong spectrum at inayos ang mga ito sa paligid ng isang bilog sa paraang ang mga pares na magkasalungat sa isa't isa hangga't maaari ay magkatapat. Sa gitna, inilagay niya ang isang tatsulok na may tatlong pangunahing kulay - pula, asul at dilaw (ito ay mula sa kanila na ang lahat ng iba ay maaaring makuha sa pamamagitan ng paghahalo sa iba't ibang mga sukat). Inilagay ni Itten ang tatsulok na ito sa isang hexagon, kung saan ipinahiwatig niya kung aling mga shade ang makukuha sa pamamagitan ng paghahalo ng mga pangunahing kulay sa pantay na sukat.

Iyon ay, ang unang mensaheng pang-impormasyon na dinadala ng naturang layout ay naka-address sa mga baguhan na artist - malinaw nilang nakikita ang mga resulta ng paghahalo ng iba't ibang kulay.

Tingnan natin ang puntong ito nang mas malapitan.

Bakit mayroong labindalawang pangunahing kulay?

• Tulad ng makikita mo sa figure, mayroon tatlo pangunahin mga kulay (na tinatawag ding pangunahin).
• Sa pamamagitan ng paghahalo ng mga ito sa mga pares sa pantay na sukat, maaari kang makakuha ng tatlo pangalawa, kabuuan - anim.
• Halo pangunahin kasama ang kalapit na bilog pangalawa nagbibigay tersiyaryo Kulay. Lumalabas na anim pang kumbinasyon, kabuuan - labindalawa.(Gayundin, ang mga tertiary na kulay ay maaaring makuha sa pamamagitan ng paghahalo ng mga pangunahing kulay sa hindi pantay na sukat)

Siyempre, ang labindalawang kulay ay hindi sapat upang mag-navigate sa nakapalibot na iba't ibang mga kulay at hanapin ang nais na lilim, o makita kung ano ang mangyayari kapag ang paghahalo ay hindi katabi, ngunit ganap na arbitrary na mga kulay. Samakatuwid, ang mga bilog na iyon na mahahanap mo para sa pagbebenta o pag-order sa site na ito ay mas kumplikado at nagdadala ng mas kapaki-pakinabang na impormasyon kaysa sa isang simpleng "labindalawang bahagi ng singsing ni Itten".

Gabay sa paghahalo ng kulay

Sa pamamagitan nito, matutukoy mo ang resulta ng paghahalo ng mga arbitrary na kulay at shade - sapat na ang bilang ng mga kumbinasyon para maunawaan ng artist kung aling mga kulay ang kailangang ihalo upang makakuha ng isang naibigay na lilim. Ito ay isang kahanga-hangang tulong sa pagguhit, lalo na para sa mga nagsisimulang artista.

Kahit na ang lilim ay bahagyang naiiba mula sa ninanais, ang nais na resulta ay maaaring makamit sa pamamagitan ng pagbabago ng mga proporsyon ng halo-halong mga pintura.

Ngunit paano matukoy ang parehong mga proporsyon? Ito ba ay random? Hindi, makakatulong din ang color wheel diyan.

sukat ng saturation

Ang sukat na ito ay nasa parehong panig ng gabay sa paghahalo dahil gumagana ang dalawang function nang magkasabay.

Ang saturation scale ay isang gradasyon ng mga kulay abong tono mula itim hanggang puti. Mula sa mga kulay-abo na mga cell na may iba't ibang ningning na ipinakita sa sukat, maaari kang palaging makahanap ng isang kulay-abo na lilim na mas malapit hangga't maaari sa saturation sa kinakailangang lilim, pagkatapos nito ay magiging malinaw kung gaano ang kailangan mong madilim o magaan ang pintura.

Upang makita kung paano ito ginagawa sa pagsasanay, panoorin ang video na ito:

Mga scheme ng kumbinasyon ng kulay

Ang reverse side ng disk ay naglalaman ng hindi gaanong kapaki-pakinabang na impormasyon, at marahil higit pa - nakakatulong ito upang pumili ng mga kumbinasyon ng kulay batay sa napiling scheme.

Ang scheme ng mga kumbinasyon ng kulay ay isang figure, sa pinakasimpleng kaso, isang linya na nagkokonekta ng "angkop" na mga kulay sa bawat isa. Ang mga salita ay masyadong malabo, dahil ang pagpili ng isang chromatic scale ay parehong agham at isang sining.

Una, ang pagkakaisa o kawalan ng pagkakaisa ng mga kulay ay isang napaka-subjective na konsepto. Sabi nga sa kasabihan, "walang kaibigan ang lasa at kulay."

Pangalawa, kung sila ay "angkop" o "hindi naaangkop" - ang lahat ay nakasalalay sa tiyak na sitwasyon, mood, kung ano ang eksaktong gustong sabihin ng artist o taga-disenyo, sa estilo kung saan ginagawa ang gawaing ito, kung kinakailangan upang i-highlight ang alinman elemento, o kabaliktaran - gawin itong hindi nakikita.

Ang color wheel ay isang tool kung saan maaari mong biswal na ipakita ang lahat ng pangunahing mga scheme ng kulay, ngunit kailangan mong magamit ang tool na ito. Dapat mong malaman para sa iyong sarili, o hindi bababa sa pakiramdam kung alin sa mga scheme ang pinaka-angkop para sa iyong gawain. Para sa aming bahagi, susubukan naming ilagay sa site na ito ang maximum na kapaki-pakinabang na impormasyon kung paano gamitin ang color wheel (tingnan ang seksyon