Kulay ng bilog. Cool Color Combination Cheat Sheet Gumawa ng Color Scheme

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 ako na ang bawat web designer ay may kahit isa sa mga ito sa kanilang mga bookmark.

Minsan umupo ka at mag-isip tungkol sa kung aling lilim ng asul ang pipiliin ang pangunahing isa para sa site, medyo mas magaan o medyo mas maliwanag, o marahil ay kumuha ng mas madilim ... At kailangan mo pa ring pumili ng mga karagdagang. Maaari mong, siyempre, gawin 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 pagtutugma ng kulay (sa aking opinyon). Mayroon itong maraming karagdagang mga tampok. Halimbawa, maaari kang makakita ng isang halimbawa ng isang maliwanag at madilim na pahina na may mga piling kulay.

May pagkakataong suriin kung paano makikita ng mga taong may color blindness at iba pang kapansanan sa paningin ang iyong color gamut. 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 hindi ito ang dahilan kung bakit mahal ko ito. Bukod sa katotohanan na maaari kang lumikha ng mga scheme ng kulay sa iyong sarili, maaari kang tumingin at gumamit ng mga scheme na nilikha ng ibang mga tao.

Upang gawin ito, pindutin ang pindutan sa itaas na kaliwang menu na "Panoorin". At isang gallery ng lahat ng uri ng mga kumbinasyon ng kulay ang magbubukas sa harap mo.

Ang tool na ito ay medyo katulad ng Сolorscheme, ngunit mayroon itong mas kaunting mga function, ngunit posible na makita kung ano ang magiging hitsura ng mga bloke ng kulay.

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

Ang susunod na dalawang site ay bumubuo ng isang palette mula sa iyong napiling larawan. Ito ay magic :)

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

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

Isang napaka-madaling gamitin na tool para sa pagtutugma ng kulay. Ito ay batay sa prinsipyong "Like - Dislike".

flatcolors.net

Gaya ng ipinahihiwatig ng pangalan, ito ay kung saan maaari mong piliin ang mga kulay para sa uso ngayon, flat na disenyo. Ang site ay kawili-wili dahil pagkatapos pumili ng isang palette, maaari mong i-download ito para sa Corel at Photoshop.

materialpalette.com

Ang isa pang uso sa fashion ay ang disenyo ng materyal. Tumutulong 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. Narito ang isang hanay lamang ng mga kulay para sa disenyo ng UI. Sa pamamagitan ng pag-click sa anumang kulay, makikita mo kung paano mababasa ang puting teksto sa isang partikular na background.

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

Ipaalam sa amin sa mga komento kung anong mga site na tumutugma sa kulay ang ginagamit mo para sa disenyo ng web?

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

Nakahanap ng bug? I-highlight ang isang piraso ng teksto at pindutin CTRL + ENTER

Hindi kumpleto ang propesyonal na disenyo ng web nang hindi gumagawa ng scheme ng kulay. Ipapakita sa iyo ng artikulong ito ang 20 kamangha-manghang mga tool upang matulungan kang makuha ang perpektong scheme ng kulay.

Mayroong maraming mga tool sa World Wide Web para sa pagkamit ng color nirvana. Mukhang ganap na naiiba ang mga ito, ngunit marami sa kanila ay binagong bersyon lamang ng mas sikat at kapaki-pakinabang na mga tool.

Samakatuwid, upang gawing simple ang proseso ng pagpili ng scheme ng kulay, pinagsama-sama namin ang 20 pinakamahusay na tool na magagamit. Tutulungan ka nilang hindi mawala sa paghahanap ng angkop na opsyon at makaramdam ng "kulay na kaligayahan"

01. Kuler

Ang Kuler ay arguably ang pinakakilalang tool sa kulay.

Ang Adobe Kuler ay malamang na ang pinakasikat na tool sa tema ng online na kulay, at mula sa pagiging simpleng tool ng kulay sa web ay naging kumpletong mapagkukunan para sa paglikha ng mga tema at pagbabahagi sa iba. Available ang mga plugin para sa lahat ng pangunahing Adobe application, kabilang ang Photoshop, Illustrator, at InDesign, na ginagawang isang mahusay na all-in-one na tool ang Kuler para sa mga regular na user ng Creative Suite.

02. ColorExplorer

Ang ColorExplorer ay maaaring magsagawa ng maraming iba't ibang mga function.

Masasabi nating isa ito sa mga pinaka-sopistikadong tool sa Internet. Nag-aalok ito ng malawak na hanay ng mga tool para sa pagdidisenyo, pag-aangkop at pagsusuri ng iyong mga paleta ng kulay. Halimbawa, ang mga tool na makakatulong sa pagtukoy ng availability WCAG mga tagapili ng kulay, mga tool sa conversion na nagbibigay-daan sa iyong mag-navigate sa pagitan ng iba't ibang system, at lahat ng kailangan mo para pumili ng mga kulay at gumawa ng mga palette.

03. Mga Kulay sa Web

Ang Mga Kulay sa Web ay pinapagana ng Flash.

Ang mga kulay sa Web ay naglo-load ng mga solid na kulay sa HEX o RGB code at gumagawa ng isang set ng mga scheme batay sa iba't ibang mathematical na proporsyon. Hindi gumagana ang tool na ito sa iPad o iPhone dahil gumagamit ito ng Flash para ilunsad ang program.

04. COLOURlovers

Ang COLOURlovers ay bahagyang kahawig ng Pinterest para sa kulay

05. Pictaculous

Binibigyang-daan ka ng Pictaculous na mag-upload ng larawan at bumuo ng scheme ng kulay batay dito.

Ang tool na ito mula sa mga tagalikha ng MailChimp ay nagpapahintulot sa iyo na mag-upload ng isang imahe at lumikha ng isang scheme ng kulay batay sa sarili nitong mga kulay. Ito ay katugma sa ilang iba pang mga instrumento tulad ng Kuler at Colourlovers. Ang Pictaculous ay may madaling gamitin na pag-download ng tema ng Adobe Swatch na nagbibigay-daan sa iyong mabilis at madaling "grab ang mga kulay" na kailangan mo upang umakma sa iyong larawan.

06. Contrast-A

Ang Contrast-A ay lumilikha ng imitasyon ng iba't ibang mga visual na depekto.

Ito ay hindi isang pangkaraniwang tool ng scheme ng kulay. Ito ay idinisenyo upang matiyak na nakagawa ka ng WCAG-compatible na scheme ng kulay sa pamamagitan ng pag-preview sa mga antas ng contrast, at paggamit ng non-perceptual at low visibility technique. Ang Contrast-A ay may isang toneladang link sa mga manual na mas madaling gamitin kaysa sa mismong dokumento ng mga detalye.

07. ColorRotate

Ipinagmamalaki ng ColoRotate ang magandang visualization ng "color wheel"

Ang ColoRotate ay may katulad na mga tampok sa Kuler, ngunit naiiba sa pamamagitan ng pagpapakita ng palette sa isang magandang 3D cone at ang kakayahang bumuo ng higit sa 5 mga kulay sa isang solong scheme. Maaaring isama ang tool sa ilang application ng Creative Suite. Available din ito bilang isang iPad app at maaaring gumana kasabay ng Photoshop sa color console mode.

08. Hex Color Scheme Generator

Gumagawa ang HEX ng mga kulay na mahusay na pinagsama sa magagamit na gamut ng kulay.

Ang HEX ay isang maliit na tool para sa pagbuo ng mga kulay. Maglagay lamang ng isang code ng kulay at magpapakita ito ng isang hanay ng mga kasiya-siyang kulay na perpektong tumutugma sa iyong mga pangunahing kulay.

09. Taga-disenyo ng Color Scheme

Ang Color Scheme Designer ay may ilang kawili-wiling paraan upang lumikha ng mga tema ng kulay.

Ang online na tool na ito ay may katulad na paggana sa Adobe Kuler. Ngunit salamat sa mga kagiliw-giliw na trick para sa paglikha ng mga tema ng kulay, pinapayagan ka nitong pumili ng liwanag / saturation at contrast na mga parameter mula sa mga katangian ng scheme, sa halip na "pagkalikot" sa mga indibidwal na kulay na bumubuo sa tema. Nagbibigay ang Color Scheme Designer ng access sa isang hanay ng mga karaniwang pamamaraan ng matematika, kabilang ang kakayahang magkatugmang tumugma sa scheme ng kulay ng isang disenyo para sa isang solong (mono), dalawa (complement), tatlo (triad) o apat (tetrad) mga kulay na may shades at halftones.

10. COPASO

Ang COPASO ay isang mahusay na tool para sa paglutas ng ilang mga problema nang sabay-sabay.

Isa sa mga tool sa site COLOURlovers, ang COPASO ay nararapat na espesyal na atensyon, dahil pinapayagan ka nitong sabay na lutasin ang maraming isyu kapag lumilikha ng mga palette. Nagbibigay ito ng kumpletong hanay ng mga tool sa pagpili ng kulay sa isang simpleng interface. Pinapayagan ka nitong i-annotate ang mga palette, mag-upload ng mga larawan, direktang mag-click sa mga link ng CMYK, at piliin kung paano likhain ang iyong scheme ng kulay.

11. Colormod

Pinapadali ng Colourmod widget sa desktop ang pagpili at pagtukoy ng mga kulay.

Ang Colourmod ay isang desktop tool na nagbibigay-daan sa iyong madaling pumili ng isa sa mga kulay sa lugar kung saan matatagpuan ang mga widget, kahit na ginagamit mo ang Dashboard para sa MacBook o gumagamit ng Konfabulator para sa Windows. Ang Colourmod mismo ay hindi isang tool sa pagpili ng palette, ngunit maaari pa rin itong gamitin upang pumili at tukuyin ang isang kulay. Sa kasong ito, hindi mo kailangang magpatakbo ng iba pang mas mabibigat na programa.

12. ColorZilla

Gumagana ang ColorZilla sa Chrome at Firefox.

Ang application na ito ay orihinal na binuo bilang isang Firefox plugin, ngunit maaari rin itong gamitin sa Google Chrome browser. Ang ColorZilla ay isang extension na may maraming iba't ibang tool para sa paggamit ng kulay, kabilang ang: color picker, eyedropper, css gradient creation at palette preview.

13. Colormunki

Hinahayaan ka ng Colormunki na lumikha ng scheme ng kulay batay sa Pantone swatch.

Isang madaling gamiting tool para sa pagtatrabaho online, na ipinakita ng mga tagalikha ng Colormunki para sa pag-calibrate ng kulay. Maaari kang lumikha ng mga palette mula sa Pantone color swatch online at gumamit ng iba't ibang mga diskarte upang lumikha ng mga kasiya-siyang kumbinasyon.

14.colr.org

Sa Colr.org makikita mo ang color gamut ng iyong mga larawan.

Ang simpleng tool na ito ay nagbibigay ng isang natatanging pagkakataon upang pag-aralan ang scheme ng kulay ng isang imahe (sa ibang mga programa ang function na ito ay awtomatikong gumanap). Sa ganitong paraan, makikita mo kung anong mga kulay ang binubuo ng iyong larawan, at piliin ang mga gusto mong itakda ang mga ito bilang mga pangunahing kulay ng tema.

15. ColorGrab

Ang ColourGrab ay isang mahusay na compact na image color scheme generator.

Ang madaling gamiting tool na ito ay lumilikha ng paleta ng kulay mula sa anumang larawan sa web. Ipasok lamang ang URL ng larawan na gusto mong suriin, "kukunin" ito ng site, matukoy ang kulay gamut nito at lumikha ng isang simpleng 3D diagram na sumasalamin sa paggamit ng iba't ibang kulay para sa larawang ito. Maaaring hindi ito ang pinakamahusay na opsyon para sa karaniwang mga tema, ngunit ang ColourGrab ay perpekto para sa pagsusuri sa pamamahagi ng kulay sa mga larawan.

16. ColorBlender

Lumilikha ang ColorBlender ng isang hanay ng limang kulay na mahusay na pinaghalong sa isa't isa.

Ang site na ito ay isang simpleng tool na nagbibigay-daan sa iyong sample ng isang imahe, ayusin ang mga kulay, at sundin sa real time kung paano tumutugma ang isang set ng 5 perpektong tugmang mga kulay. Maaaring direktang i-load ang mga palette sa Photoshop o Illustrator bilang isang EPS file.

17. GrayBit

Hinahayaan ka ng GrayBit na suriin ang iyong site upang makita kung ano ang hitsura nito sa grayscale.

Ang madaling gamiting tool na ito ay hindi direktang tumutugma sa mga tema ng kulay, ngunit binibigyang-daan ka nitong suriin ang iyong site upang makita kung ano ang hitsura nito kapag na-convert sa grayscale. Makakatulong ito sa iyong suriin kung nakamit mo ang sapat na kaibahan sa paleta ng kulay upang gawing madaling basahin.

18. COLRD

Ang COLRD ay perpekto para sa pagbabahagi ng iyong mga scheme ng kulay at pag-aaral tungkol sa mga bago.

Ang makulay na site na ito ay isang mahusay na pinagmumulan ng inspirasyon, kung saan ibinabahagi ng mga user ang kanilang mga color palette pati na rin ang mga gradient at larawan. Ito ay hindi lamang isang site para sa paglikha ng mga scheme ng kulay, ngunit sa halip isang kapistahan para sa aesthetics at ito ay nagkakahalaga ng pag-check out para sa ilang mga kamangha-manghang mga pagtuklas.

19. Mangangaso ng Kulay

Ang Color Hunter ay isang magandang site upang makahanap ng mga bagong kulay.

Tinutulungan ka ng Color Hunter na mabilis na itugma ang scheme ng kulay ng mga na-upload na larawan sa pamamagitan ng paghahanap ng angkop na tag o paggamit ng mga link na HEX. Mabilis at madaling gamitin, nagbibigay-daan ang site para sa mga kawili-wiling pagtuklas ng kulay.

20. Stripe Generator 2.0

Ang Stripe Generator 2.0 ay tumutulong na maakit ang pansin sa iyong mga pagpipilian sa kulay.

Madalas itong tinutukoy bilang "ang pinakabagong tool para sa web2.0". Ang Stripe Generator 2.0 ay isang mahusay na tool para sa paglikha ng magagandang kumbinasyon ng kulay at hindi pangkaraniwang mga imahe nang sabay.

Ang pagpili ng scheme ng kulay para sa isang website ay isa sa mga mahalagang punto 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 mapagkukunan na binanggit sa pagsusuri na ito ay nagbibigay ng isang pagpipilian 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

Ang Adobe Kuler ay naglalaman ng isang malaking library ng mga handa na mga scheme ng kulay. Maaari mong tingnan ang diagram online at i-download ito para magamit sa serye ng Adobe Creative Suite.

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

Ang ColoRotate ay may library ng mga nakahanda nang color scheme. Maaari ka ring lumikha ng iyong sariling scheme gamit ang isang natatanging 3D tool. Maaaring gamitin ang scheme ng kulay nang direkta sa Photoshop at Fireworks gamit ang ColoRotate plug-in.

Pinapayagan ka ng Color Scheme Designer na piliin ang uri ng color scheme (mono, complimentary, triad, tetrad, analog). Pagkatapos ay maaari mong ayusin ang mga kulay at makita ang pagkilos ng scheme gamit ang isang halimbawa.

Ang ColorSchemer ay may malaking library ng mga scheme ng kulay na ginawa ng user. Maaari mong ayusin ang mga ito sa pamamagitan ng petsa ng pag-post, rating, o bilang ng mga pag-download.

Ang Pictaculous ay isang simpleng tool sa generator 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 circuit sa isang simpleng template.

Guys, inilalagay namin ang aming kaluluwa sa site. Salamat sa
na matuklasan mo ang kagandahang ito. Salamat sa inspirasyon at sa mga goosebumps.
Samahan kami sa Facebook at Sa pakikipag-ugnayan sa

Scheme No. 1. Komplementaryong kumbinasyon

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

Scheme No. 2. Triad - isang kumbinasyon ng 3 kulay

Isang kumbinasyon ng 3 pantay na pagitan ng mga kulay. Nagbibigay ng mataas na contrast habang pinapanatili ang pagkakaisa. Ang komposisyon na ito ay mukhang 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 sa tabi ng bawat isa sa color wheel (perpektong 2-3 mga kulay). Impression: kalmado, nag-aanyaya. Isang halimbawa ng kumbinasyon ng mga katulad na naka-mute na kulay: dilaw-orange, dilaw, dilaw-berde, berde, asul-berde.

Scheme No. 4. Separate-complementary combination

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

Scheme No. 5. Exercise book - kumbinasyon ng 4 na kulay

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

Scheme No. 6. Square

Mga kumbinasyon ng mga indibidwal na kulay

Puti: sumasama sa lahat. Pinakamahusay na kumbinasyon sa asul, pula at itim.
Beige: may asul, kayumanggi, esmeralda, itim, pula, puti.
Gray: may fuchsia, pula, purple, pink, blue.
Pink: may kayumanggi, puti, mint green, olive, gray, turquoise, maputlang asul.
Fuchsia (dark pink): may kulay abo, dilaw-kayumanggi, kulay ng 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.
Pulang pula: puti, itim, kulay ng rosas na damask.
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, blue, mint green, purplish pink, lime color.
Mapula-pula kayumanggi: pink, dark brown, blue, green, purple.
Orange: mapusyaw na asul, asul, lila, lila, puti, itim.
Banayad na orange: kulay abo, kayumanggi, olibo.
Madilim na orange: maputlang dilaw, olibo, kayumanggi, seresa.
Dilaw: asul, lila, mapusyaw na asul, lila, kulay abo, itim.
Lemon yellow: cherry red, brown, blue, grey.
Maputlang dilaw: fuchsia, grey, brown, shades of red, yellowish brown, blue, purple.
Gintong dilaw: kulay abo, kayumanggi, azure, pula, itim.
Olive: orange, mapusyaw na kayumanggi, kayumanggi.
Berde: ginintuang kayumanggi, orange, salad, dilaw, kayumanggi, kulay abo, cream, itim, creamy white.
Kulay ng litsugas: kayumanggi, madilaw-dilaw na kayumanggi, fawn, gray, dark blue, red, grey.
Turquoise: fuchsia, cherry red, yellow, brown, cream, dark purple.
Ang isang electrician ay guwapo sa kumbinasyon ng ginintuang dilaw, kayumanggi, mapusyaw na kayumanggi, kulay abo, o pilak.
Asul: pula, kulay abo, kayumanggi, orange, rosas, puti, dilaw.
Madilim na asul: mapusyaw na lila, mapusyaw na asul, madilaw na berde, kayumanggi, kulay abo, maputlang dilaw, orange, berde, pula, puti.
Lila: orange, pink, dark purple, olive, gray, yellow, white.
Madilim na lila: ginintuang kayumanggi, maputlang dilaw, kulay abo, turkesa, mint green, light orange.
Ang itim ay maraming nalalaman, eleganteng, mukhang sa lahat ng kumbinasyon, pinakamahusay na may orange, pink, salad, puti, pula, lila o dilaw.