Ranglar palitrasini qanday tanlash mumkin? Joylashtirish palitralari
Rangli yechim tanlamasdan samarali veb-sayt dizayni qabul qilinishi mumkin emas. Men o'sayotgandek rozybratisyani yo'qotdim.
Ehtimol, ba'zi loyihalar uchun siz o'zingizning logotipingiz yoki brendingizning palitrasiga mos kelishingiz va ushbu chegaralar chegarasida veb-sayt yaratishingiz uchun siz allaqachon ranglarning sochilishini tanlagansiz. Boshqalarida esa hali ham qo'l yozuvi yo'q. Ê y tí, bu saytni chiroyli va samarali qurish uchun kichik o'zgarishlarni talab qiladi.
Agar siz robotni osonlashtirish va tezlashtirish yoki saytni yaxshilash imkoniyatini izlayotgan bo'lsangiz, ushbu vositalar yechimni bilishingizga yordam beradi.
Keling, ranglar nazariyasiga qisqacha kirish bilan boshlaylik.
Quyida siz tanlashga yordam beradigan 19 ta manbani topasiz ranglar palitrasi saytingiz uchun
Tayyorgarlik
Sizga ilhom kerakmi?
1.
BrandColors sizga brendni qanday qilib g'alaba qozonish ranglarini yasashni, biznesni ko'rishni, hikoyangiz va qadringizni aytib berishni ko'rsatib beradi. Siz kompaniyalar, notijorat tashkilotlar va startaplar ro'yxatini alifbo tartibida ko'rib chiqishingiz yoki bosish uchun brendni bilish uchun qidiruvdan foydalanishingiz mumkin.
Palitraga tayyormisiz?
2.
Bu koristuvachlar tomonidan o'ziga jalb qilingan 2 000 000 variantlari bilan qasos olish mumkin bo'lgan ranglar palitrasi dizayni haqida forum. Siz qo'shiq rangi uchun qasos olish uchun palitrani tanlashingiz va dizaynerlar yozgan narsalarni o'qishingiz mumkin. Qoida tariqasida, bir kun uchun variantlar soni uchun oz miqdorda pul beriladi.
Palitraga nomlar hamroh bo'ladi: Vitsandi yaqinidagi bo'ron (Marjon dengizi yaqinidagi Tinch okeani arxipelagi), Vitsandi yaqinidagi kunlar, Vitsandi oroli
3.
Ushbu resurs koristuvachlarga o'zlarining rang sxemalarini yaratish va zavantazhuvat qilish imkonini beradi. Siz ularni sana, reyting va qiziqishlar soni yoki kalit so'zlar bo'yicha filtrlashingiz mumkin.
4.
ColoRotate-da siz ko'rib chiqishingiz, tanlashingiz va o'zgartirishingiz mumkin bo'lgan ranglar sxemalari kutubxonasini topasiz. Topilgan qo'shimcha maxsus 3D vositasi (3D rang vositasi) asosida o'z palitrangizni yarating. Siz yaratgan ranglar sxemasini PhotoShop yoki Fireworks-dan ColorRotate plaginini yoki iPad dasturini o'rnatish orqali yuklab olishingiz mumkin.
Vimog brendiga Vídpovídno
Agar sizda allaqachon brendga yordam beradigan rasmlar, logotiplar bo'lsa, qanday dalillar kerak?
1.
Ushbu sayt ushbu ro'yxatdagi kabi funktsional emas, lekin u yaratilgan vazifani mo''jizaviy tarzda bajaradi - ma'lum bir rangning davomi. Faqat zavantazhte rasm va Color Hunter vv osnoví palitrasida yaratish. Tse yo'l ko'rsatuvchi yo'l tasvirlar va saytning asosiy ranglari o'rtasidagi uyg'unlikka erishing. Bunga qo'shimcha ravishda, bu erda siz o'zingiz loyiq bo'lgan sayt uchun rang sxemasini qo'yishingiz mumkin.
2.
Suratdagi ajoyib rob palitralari. Suratga olish, ranglarni olib tashlash, go'yo unga qo'shilish kifoya. Bundan tashqari, resurs tayyor palitralarni targ'ib qilishdir, shuning uchun siz borishingiz mumkin.
3.
Ushbu vosita Adobe Kuler kabi ishlatiladi va ranglarni moslashtirish uchun ishlatiladi. Shu bilan birga, rang kombinatsiyalarini sinab ko'rish, moslashtirish va saqlash imkonini beruvchi palitralarni aralashtirishning mutlaqo yangi tizimi mavjud. Siz palitraning turini tanlashingiz va avtomatik ravishda yoki qo'lda sozlash yordamida besh rangli sxemalarni yaratishingiz mumkin.
4.
Paletton panelni katlama jarayonini tezlashtiradi. Sxema turini tanlash kerak: mono, ombor, triadny, zoshiti, sporidneí, sporidneny-kontrast. Bitta rangni eslab qolishingiz bilan tikuv avtomatik ravishda o'zgaradi.
5.
Color Spire ham bitta rangga asoslangan palitra bo'ladi. Siz haftaning kunini tanlaysiz va u bilan borish uchun sxemalar variantlarini tanlaysiz. Bundan tashqari, oldindan ko'rish, palitraning saytda qanday ko'rinishini ko'rishingiz mumkin.
6.
Chrome uchun ushbu plagin ranglarni uyg'unlashtirishga, rang ko'rligini tuzatishga va HEX-kodni aniqlashga yordam beradi. Ranglar palitralarini Illustrator, PhotoShop va CoIRD.com-ga osongina eksport qilish mumkin.
7.
Resurs sizga o'zingizning ranglar palitrasi, ranglarni tanlash va qo'shish bilan manipulyatsiyalarni amalga oshirishga imkon beradi. Natijada siz osongina yaratishingiz mumkin yangi sxema asosiysi asosida.
8.
Bu asbob ranglarni tanlaydi, ular siznikiga ergashadi. Vín trohi ibtidoiy, nízh ínshí resurslari ushbu ro'yxatda. Rangning HEX kodini qatorga kiritish yoki uni shaklda taqdim etilgan spektr g'ildiragi shaklida tanlash kerak. Jeneratör sizga mos keladigan 3 ta rangga o'xshaydi va u ularga HEX kodlari bilan birga keladi.
Rangingizni yarating
Ushbu ro'yxatning boy manbalarida sizning kunlik rangingizda nima borligi haqida juda ko'p chalkashliklar mavjud. Brendni qo'llab-quvvatlashga hojat yo'q va BrandColors tanlovga qo'shilmagan bo'lsa-da, siz chizmalar bilan boshlashingiz mumkin.
1.
iOS uchun ushbu dastur sizga dekylkoh koloryv, yaki razmyshchuyusya orqali buyurtma tanlashga yordam beradi. kichik vidstan, gradient ko'rinishidan boyroq bo'lgan, kil ta spektrlar. Katta rangli katakchalar butun ekranni ta'kidlash imkonini beradi (bu ayniqsa Vlasniklar uchun qimmatlidir). iPad Pro). Qo'shimchada siz ranglar yaratishingiz, RGB, HEX va HSLA qiymatlarini bilishingiz va palitrani chizmalar bilan ishlashingiz mumkin.
3. Rang
Rang turi HailPixel uchun rangni o'zgartirish mumkin emas. Siz nimani xohlayotganingizni aniq tushunasiz va ID kartaning HEX kodini olasiz.
Sichqonchani harakatga keltirganingizga ishonch hosil qiling yoki imo-ishora bilan rang biroz o'zgaradi. U doimo HEX kodlari bilan ranglar bilan birga bo'lgan rangli sharga o'xshaydi. Ekran bo'ylab o'ngga va chapga aylansangiz, rang o'zgaradi, tepaga va pastga - intensivlik.
Rang kodini olib tashlang
Agar siz ushbu rangni tanlagan bo'lsangiz va kodingizni bilmoqchi bo'lsangiz, men uni nomlayman va bu resurslar siz uchun.
1.
SpyColor har qanday rang, jumladan, Hex, RGB, CMYK va boshqa kodlar haqida ma'lumot beradi va teri rangi uchun bir qator sxemalarni, jumladan, qo'shimcha, bo'linish-qo'shimcha, triada, kontrast va analogni ko'rsatadi.
2.
Tasvir uchun HEX kodini bilish uchun HTML rang kodlari. Siz rasmni tanlaysiz, uni ko'rib chiqish uchun ochasiz va kursorni yangi kursor ustiga olib borib, rang kodini olasiz.
Palitrangizga e'tiroz bildiring
Rang sxemasini yaratganingizdan so'ng, siz vv samaradorligidan ilhomlanmoqchisiz.
Check my Colors asosiy va fon ranglarini jimlik uchun kontrast nisbatlari orasidagi farqni tekshiradi, qaysi ranglarni normal holatga keltirish mumkin. Agar siz saytingiz rang ko'rligi bo'lgan odamlar uchun mos ekanligini qayta ko'rib chiqmoqchi bo'lsangiz yoki UX nuqtai nazaridan ranglarni amaliy va intuitiv tushunmoqchi bo'lsangiz, bu resurs almashtirib bo'lmaydi. Bu haqda bilib olishingiz uchun sayt manzilini kiritish kifoya eski uslubdagi ko'rinish.
Bu yerda siz ajoyib palitradan 5 tagacha rangni tanlashingiz va tasvirni tanlashingiz mumkin, shunda ranglar kombinatsiyasiga mos kelishingiz va HEX kodlari bilan birga bo'lishingiz mumkin. Rasm saytda saqlanishi yoki xususiylashtirilishi mumkin.
Visnovok
Sayt uchun ranglar palitrasini yaratish san'at va fan uchun hunarmandchilikdir. Ushbu manbalar mo''jizaviy tarzda ko'rinadigan va samarali ishlaydigan vizual tasvirga yo'lni tezlashtirish va osonlashtirishga yordam beradi.
Rang robot-dizaynerning eng muhim elementlaridan biridir. Ammo yoga, kontseptsiya sifatida, o'zlashtirish oson: palitralarning shaxsiy bo'lmagan kombinatsiyasi orqali veb-sahifalar va qo'shimchalar interfeysini qanday qilib tezroq loyihalashni tanlash juda muhimdir. Ilgari biz tanlov bo'yicha asboblarni ko'rib chiqdik. Bugun men Nik Babichning UX Dizaynerlari uchun Essential Color Tools maqolasining tarjimasini qo'shish orqali mavzuni kengaytirmoqchiman.
Ro'yxatni o'chirish uchun eslatma eng yaxshi xizmatlar veb-saytlar va UX dizayni uchun ranglarni tanlash, bu sizga bir soatni tejashga yordam beradi. Zavdyaki tsim loyihalari siz bilasiz:
- yulduzlar nafas oladi;
- vlasnu palitrasini qanday yaratish kerak;
- dizaynni buzilgan rang maydonidan odamlarga qanday qilib kirish mumkin.
1. Shukaemo nathnennya
uzoq tabiat
Kerakli yorug'likdan chizish. Sizga kerak bo'lgan yagona narsa - atrofga qarash. Moda liboslari, kitob muqovalari, interyer dizayni... ajoyib nutqlarga boy his etasiz. Ale, ranglarning eng yaxshisi - tse farbi tabiati. Oxirgi lahzani suratga oling va ma'lum bir tasvir asosida yaxshi moslikni yaratishga harakat qiling.
Eng yaxshi poednannya farb - tabiatda. Har qanday fotosurat uchun rang sxemasini olishingiz mumkin
Behance
Ommabop xizmatda siz o'zingizning ishingizda to'g'ri mutaxassislarning eng yaxshi onlayn portfeliga kiritilgan ishlarni topasiz. Tsey sayti ham bir mo''jiza dzherelo nathnennya. Loyihalarning yangi namunalarini ko'rish uchun sizga kerak bo'lgan rangni tanlash kifoya.
Dribbble ranglari
Dribbble - eng yaxshilaridan biri, chunki siz koristuvach interfeysini yaratganingizda sizga omad kulib boqadi. Agar siz boshqa fahivsiylar ma'lum bir rangni qanday tanlaganini vizual tarzda tushunishni istasangiz, dribbble.com/colors so'roviga ovoz bering va tegishli qiymatni ko'rsating.
Sayt uchun rangni tanlash, bu erda siz minimal yoga balandligini belgilashingiz mumkin - tajriba, masalan, 30% ko'k qo'yishga harakat qiling.
Dribbble-da qo'shiq rangining minimal hajmini topishga harakat qiling
dizayn ilhomi
Dizayn ilhomi - bu ranglar kombinatsiyasi g'oyalariga ega bo'lganlar va bunday kunni o'tkazishni xohlaydiganlar uchun biz uchun yaxshi vosita. 1 dan 5 tagacha variantni tanlang va siz tayinlangan parametrlarga mos keladigan tasvirni bilib olasiz.
Designspiration-da siz turli xil rang kombinatsiyalarini topasiz
Tineye Multicolr
Tiney Multicolr rang tanlash xizmati yordamida siz tasvirning rangini belgilashingiz va ularning terisining ohangini o'rnatishingiz mumkin (spívvídnoshnja). Flickr'dan 20 million Creative Commons fotosuratlari ma'lumotlar bazasiga ega integratsiya sayti. Tse o'zlaridan bittasi shved yo'llari ideal palitrada bilish.
Colorzilla
ColorZilla - o'rnatish uchun kengaytma Chrome brauzerlariі Mozilla Firefox. U xuddi shu vositalarni, masalan, "tomchi", palitralarni ko'rib chiqish, aralashtirish va boshqalarni o'z ichiga oladi.
ColorZilla kengaytmasi Chrome va Firefox-da mavjud
Shutterstock spektri
Uni rangli gamutga o'xshash qilishning eng qisqa usullaridan biri vizual tasvirga qarashdir. Veb-sayt dizayni uchun to'g'ri rangni tanlashning eng katta yechimi shunga o'xshash xususiyatni o'z ichiga oladi, ammo Shutterstock Spectrum juda qulay interfeysga ega va oldinga qarash samarali jigarrang ko'rinishi mumkin.
Bundan tashqari, sizga obuna kerak emas, rasmni oldingi baholashning parchalari etarli bo'ladi (shunchaki "suv belgisi" bo'lganlarga murojaat qiling).
W3 maktablari
Yaqinda bluzkaning yonida biz W3Schools-dan dobirkaga qaradik. Mavzu bo'yicha ko'plab ma'lumotlar to'plangan, ularning nomlari / kodlari, zamonaviy palitralar nazariyasi va tavsifi bilan yakunlanadi. turli formatlar: HEX, RGB, CMYK, HWB va boshqalar. Bundan tashqari, siz oddiy generatorlar, konvertorlar, faqat "mini-xizmatlar" ni bilasiz. Zagalom, tsíkavo ajoyib.
2. Ranglar palitrasini yarating
Materialni loyihalash uchun rang vositasi
Material Design Color Tool sayti uchun rang tanlash xizmati sizga rang sxemalarini yaratish, ularni baham ko'rish va parametrlaringizni tanlash uchun rangshunosning taxminiy interfeysiga qarash imkonini beradi. Asosiy yoga funktsiyalaridan biri - har qanday rang o'zgarishining teng mavjudligi.
sovutgichlar
Coolors - bu ranglar palitrasini yaratish uchun sayt. Faqat qo'shiq rangini yoping va "prob" tugmasini bosing. Asbob ham yaxshi, chunki siz bir nechta natija olishingiz mumkin, lekin bir nechta ma'lumotni o'zgartirish orqali bir nechta variantni yaratishingiz mumkin.
Suratga asoslangan Coolors-dagi rang sxemasi
Adobe Color CC
Adobe Color CC rang tanlash xizmati (sobiq Kuler) hozir mashhur. Vin Internetda bepul foydalanish mumkin, lekin u ham deskriptor versiyasidir. Veb-dasturlar yordamida siz o'zingizning palitrangizni, g'alaba ranglarini kengaytirishingiz mumkin:
Yoki tayyor rasmdan birinchi natijani ko'rishingiz mumkin:
Rasmlar asosida sayt uchun rang tanlash
Yuzlab tayyor kombinatsiyalar mavjud, ularni "Marvel" bo'limida qidiring:
Agar sizda ish stoli versiyasi bo'lsa, InDesign, Photoshop va Illustrator dasturlarida yaratilgan rang tizimini bir marta bosish orqali eksport qilishingiz mumkin.
palitrasi
Yogo ko'pincha oldingi Adobe Color CC bilan taqqoslanadi, parchalar va loyihalar allaqachon o'xshash. Yagona farq shundaki, Paletton beshta parametr bilan o'ralgan emas, lekin siz interfeys uchun qo'shimcha ohanglar bilan tajriba qilishingiz mumkin.
Dodatkovoga qarashingiz mumkin. Boshqalar bilan birgalikda dastur har qanday joyda ishlashga imkon beradi, shunchaki aqlli telefoningizni urib qo'ying. Ranglar palitrasini yaratish/eksport qilish bo'yicha vositachi vazifasiz Krim, bu erda siz rasmlardan ranglar qo'shiqlarini tanlashingiz yoki asosiy variantlarni tanlashingiz mumkin.
3. Robimo palitrasi mavjud
Rangli buzadigan amallar uchun zararlarning hech biri sezilarli darajada kengroq emas, pastroq qabul qilinadi. Dunyoda 285 millionga yaqin odam kutilmaganda muammoga duch kelmoqda. Bunday koristuvachlar uchun sizga nima borligini qayta ko'rib chiqing.
WebAIM rang kontrastini tekshirgich
Ba'zi Toni mo''jizaviy tarzda bittasini birlashtiradi, boshqalari hozircha yaxshi tanilgan. Anonim loyihalar A / A testidan o'tmaydi va bu haqiqat. Interfeysning vizual dizayni va ohanglarning kontrastini ko'rib chiqish ham muhimdir, ayniqsa matn yon tomondan boy. Kim uchun, sayt uchun ranglarni tanlang.
WebAIM Color Contrast Checker - bu veb-asoslangan vosita bo'lib, uning yordamida o'n olti qiymatdan iborat rang kodlari tekshiriladi.
sovutgichlar
Ushbu xizmat haqida biz allaqachon ko'proq taxmin qilganmiz. Bundan tashqari, Coolors sizga ixtiro qilingan palitrani ko'rning rangiga aylantirishga yordam beradi.
Sxemadagi rang ko'rligining turi
"Zvichayniy" rejimining o'rniga, siz yengmoqchi bo'lgan muammoning turini tanlang. Natijada, siz o'zingizning dizayningizni qo'llab-quvvatlash uchun, xuddi insonning o'zi kabi, ranglar qo'shiqlarini ajrata olmasligingizni tushunasiz.
Shunday qilib, bir palitrani sip uchun protanomaly bilan bir kishi
Chrome uchun NoCoffee Vision Simulator
NoCoffee Vision Simulator sayti yordamida siz rangli ko'rlik yoki zaif ko'zli odamlar bir xil veb-sahifalarni qanday qabul qilishlarini ko'rishingiz mumkin. Misol uchun, agar siz "Rang tanqisligi" bo'limida "Achromatopsia" parametrini kiritsangiz, veb-sahifani kulrang rangga o'zgartirasiz.
Deuteranopiya bilan og'rigan odamlar uchun CNN loyihasi shunday ko'rinadi
Visnovok
Maqolada yozilgan veb-saytlar va UX dizayni uchun ranglarni tanlash bo'yicha barcha xizmatlar sizga rang va samaradorlikni izlashda yordam beradi. Ammo esda tuting: eng qisqa yo'l ajoyib palitralarni qanday yaratishni o'rganing - ko'p mashq qiling va tajriba qiling.
14,5 mingRangni tanlash rang dizaynini yaratish jarayonidagi eng muhim bosqichlardan biridir.
Vazifani engillashtirish uchun biz rang sxemalarini yaratish uchun eng yaxshi xizmatlardan tashkil topgan dobirkani yig'ishga qaror qildik. Xushbo'y hid bir soatni tejashga yordam beradi va shu bilan birga yaxshi natijaga erishadi.
01. Adobe Color CC
Adobe o'zining Kuler loyihasini Rangga o'zgartirdi
Ushbu vosita bilan siz Adobe Kuler nomi bilan tanishishingiz mumkin. Aytgancha, Adobe yaqinda mashhur veb-qo'shimchalaridan birini Adobe Color CC deb o'zgartirdi.
Vín sizga turli xil rang sxemalarini tanlash, yaratish va saqlash imkonini beradi, terida ular besh ranggacha bo'lishi mumkin. Asbob brauzerda ham, ish stoli versiyasida ham mavjud. Devorga o'rnatilgan versiyaga ega bo'lish bilan bir qatorda, ranglar sxemasini to'g'ridan-to'g'ri Photoshop, Illustrator va InDesign'dan eksport qilishingiz mumkin.
02. Mudcube Color Sphere
Agar siz rang sxemangizdan ilhomlanmasangiz, Mudcude tayyor resurslar galereyasiga ega bo'lishi mumkin.
Mudcube Color Sphere - bu dizaynerlar uchun qulay miniatyura resursi bo'lib, u nafaqat tanlangan ranglarning oltita kodlarini targ'ib qiladi, balki o'z loyihalaringiz uchun rang sxemalarini yaratishga imkon beradi. Bundan tashqari, Mudcube tayyor resurslar galereyasiga ega bo'lishi mumkinligini belgilang, shuning uchun siz ham g'alaba qozonishingiz mumkin.
03. Ranglarimni tekshiring
Check my Colors kengaytmalari barcha DOM elementlari uchun fon va asosiy rang kombinatsiyasini baholash va takomillashtirish uchun maxsus ishlab chiqilgan. Va shuningdek, buning uchun, schob z'yasuvati, chi elementlar o'zingiz orangizda uyg'unlikka erishish uchun. Barcha testlar World Wide Web Konsortsiumi tomonidan tavsiya etilgan algoritmlarga asoslanadi ( W3C).04. Rang ilovasi
RGB, HEX, shuningdek tanlangan ranglarning HSLA qiymatlarini tanib olishga yordam beradigan qo'shimcha
iOS vositasi Rang ilovasi ajoyib ranglar palitrasining yordami uchun ranglarni osongina va sodda tanlash imkonini beradi. Bu sizga RGB, HEX va HSLA rang qiymatlarini tanib olish, shuningdek, sayt uchun maxsus rang sxemalarini yaratish imkonini beradi.
05. Rang ovchisi
Color Hunter tanlangan tasvir asosida rang sxemasini hosil qiladi
Bu qulay vosita bo'lib, ayniqsa, o'ziga xos rangni bilish kerak. Color Hunter-da rasm tanlang va yoga sozlang. Tanlangan tasvir asosida ranglar palitrasini yaratish vositasi. Tse yuqori sifatli rang sxemalarini yaratishning mo''jizaviy usuli.
06. Qalay ko'z
Agar ma'lum bir rangni tanlashingiz kerak bo'lsa, URL-ga HEX qiymatini kiriting
Ushbu saytda bepul 10 million tasvirdan iborat ma'lumotlar bazasi mavjud litsenziya maydoni Ijodkorlar Flickr-dan sinchkovlik bilan tanlagan Creative Commons. Turli xil rang sxemalarini yaratish uchun ko'z qisib qo'yishingiz mumkin.
07 Rang
Foydali miniatyura veb-qo'shimchasi. Sichqoncha kursorini ekranga olib boring va kerakli rangni tanlang, so'ngra ranglarni tanlash uchun trosh bo'ylab aylantiring. Ushbu vosita yordamida siz barcha kerakli HEX-kodlarni ko'rishingiz mumkin, shuning uchun siz loyihalaringizda g'alaba qozonishingiz mumkin. Eng oddiy asboblardan biri.
08 SpyColor.com
Rang sxemasi haqida ma'lumot beruvchi, shuningdek, yogani har qanday sxemaga aylantirish imkonini beruvchi rang sxemalarining bepul generatori ( RGB, CMYK va boshqalar). Bu erda rang sxemalarining turli formatlari, jumladan triadalar, monoxrom va boshqalar mavjud.09. Dizayn ilhomi
Designspiration-da siz butun tomondan qo'shimcha qo'lda palitrasi uchun beshtagacha rang tanlashingiz mumkin, shuning uchun o'zingizning ranglaringizni bilish oson. HTML sxemalari, siz hazil qilgandek. Agar shunday bo'lsa, sayt ma'lumotlar bazasining eng yaxshi tasvirlari bilan yon panelni yaratadi, unda ranglarning kombinatsiyasi o'xshash. Shuningdek, HEX-qiymatlari beriladi, shuning uchun siz o'z loyihalaringizda g'alaba qozonishingiz mumkin. Va tasvirni saytdagi to'plamlardan olish mumkin.10 ColorExplorer
Rang sxemalarini takomillashtirish va tahlil qilish uchun dizayn bilan bog'liq shaxsiy bo'lmagan funktsiyalarni taklif qiluvchi eng yaxshi o'ylangan veb-asboblardan biri. Mana sizga yordam beradigan vositalar WCAG - rang sxemalarining haqiqiyligi, shuningdek, ranglarning keng palitrasini yaratish.11. Olti burchakli rang sxemasi generatori
Bir teskari rangga asoslangan ranglar kombinatsiyasini yaratish uchun kichik qulay vosita. Rangning olti burchakli qiymatini kiriting va asbob sizga turli xil ranglar to'plamini beradi, shuning uchun siz bir vaqtning o'zida asosiy ranglardan birini tanlashingiz mumkin.12. COLOURlovers
RANG sevuvchilar rang sxemalari. Bu erda siz boshqa koristuvachlarning ranglar to'plamidan ilhom olishingiz, shuningdek, kuch yaratishingiz va ularni baham ko'rishingiz mumkin.13. Rang sxemasi dizayneri
Kimning onlayn vositasi targ'ib qilinmoqda cicavi yo'llari rang sxemalarini yaratish, sizga aniqlikni sozlash va kontrastni sozlash imkonini beradi. Bu erda siz rang sxemalarining mashhur matematik modellarini, shu jumladan monoxromni yaratishingiz mumkin.14. COPASO
COLOURlovers veb-saytidagi vositalardan biri. Ale COPASO vartiy okremoí̈ vagi, oskílki ê neimovírnym sovírnyam "barchasi birida" va sayt uchun tayyor rang sxemalarini osongina yaratishga imkon beradi. Rang tanlash uchun asboblar yo'q va barcha hidlar qulay va sodda interfeysga joylashtirilgan. Siz palitralarga bir nechta eslatma qo'shishingiz mumkin, tasvirni juda nozik tarzda o'ziga jalb qilishingiz mumkin.15. Colormod
Colormod e dasturiy ta'minot xavfsizligi, bu Windows-da Mac yoki Konfabulator-ni tanlashingizdan qat'i nazar, vidjet maydonidan turli xil ranglarni tanlash imkonini beradi. Bizga ranglar palitralari, prote vinolari bilan ishlash uchun oddiy vosita kerak emas, bu sizga ajoyib dasturlarga sarmoya kiritmasdan ranglarni tez va sodda tarzda belgilashga yordam beradi.16. ColorZilla
ColorZilla ham Chrome, ham Firefox uchun mavjud
Ushbu loyiha Firefox uchun plagin sifatida ishga tushirilgan, ammo loyiha uchun ham mavjud Gugl xrom. ColorZilla - bu ranglar bilan ishlash uchun ishlatiladigan bir qator vositalarni, o'rta palitrani, CSS-gradient generatorini va ko'z tomchilarini o'z ichiga olgan kengaytma.
17. Colormunki
Colormunki yaratuvchilardan rang sxemalarini tanlash uchun qulay onlayn vosita. Ushbu yordam yordamida siz turli uslubdagi texnikalar bilan Pantone asosidagi maxsus rang palitralari va ranglarini osongina yaratishingiz mumkin.18.colr.org
Colr.org har qanday tasvir uchun ranglar oralig'ini o'rnatish imkonini beradi
Ushbu vosita tasvir ranglarini batafsil tahlil qilish, boshqa vositalarda ovozni avtomatlashtirish imkonini beradi. Menga eng mos rangni tanlashga ruxsat bering. Agar sizning interfeysingiz boshqa qo'shimchalardagi kabi fikrlash masalasi bo'lmasa, ushbu vosita bilan tanishishingizni tavsiya qilamiz.
19. Color Grab
Ushbu qulay vosita har qanday tasvirdan ranglar palitrasini yaratadi. Tasvirning manzilini kiriting, agar siz uni tahlil qilmoqchi bo'lsangiz, o'sha xizmat avtomatik ravishda yaratiladi Arzimas jadval ranglarni tanlash haqida ma'lumot bilan. Ushbu dastur sayt uchun rang sxemasini tanlash uchun mos bo'lmasa-da, sizga yordam berish uchun ushbu rang xususiyatlarining tasviridan ham foydalanishingiz mumkin.20 rangli blender
ColorBlender birlashtirish uchun beshta rang palitrasini yaratadi.
Rang yaratish va real vaqtda beshta rangni bir-biri bilan birlashtirish imkonini beruvchi eng oddiy vositalardan biri. Yaratilgan palitrani Photoshop yoki Illustrator-dan EPS fayli ko'rinishidan yuklab olish mumkin.
21. Grey bit
GrayBit kul rangda hid qanday ko'rinishini tushunish uchun saytlarni tahlil qilish imkonini beradi
Ushbu vosita saytingizning kulrang tonlarda ko'rinishini yaxshilashga yordam beradi. Vídmínniy servís, oyning kontrasti uchun muammolarni oshkor qilish imkonini beradi.
22. COLRD
Dzherelo nathnennya kabi g'alaba qozonish yoki rang sxemalari bilan almashish mumkin bo'lgan vosita. Shubhasiz, ushbu resurs sxemalarni yaratish uchun ishlatilmaydi, lekin unga e'tibor bering.Saytdagi koristuvachni qanday hurmat qilish kerak? Sayt uchun to'g'ri ranglarni qanday tanlash mumkin? Raqobatchining veb-saytidagi rang kodini tanib olish uchun qandaydir qo'shimcha yordam uchun? Biz bugungi maqoladan tanlaymiz.
Rang sxemasini tanlash bo'yicha xizmatlar
- color-hex.com - rangingizga qarab turish uchun yaki ranglarini belgilang
- thestocks.im - maketlar, videolar, fotosuratlar, piktogrammalar, shriftlar agregatori.
- Eye Dropper - bu Google Chrome uchun kengaytma bo'lib, u Internetning istalgan tomonidagi istalgan rangning kodini o'rganish imkonini beradi.
- Adobe Color CC-Pidbere kolyrny podednannya. Agar sizda rasm bo'lsa va asosiy ranglarni chiqarishni istasangiz, Adobe Color CC yordam beradi. Dastur tasvirning 5 dominant rangidan palitrani tanlaydi, shunda siz ushbu g'olibni taqdimotlarda saqlashingiz mumkin. Xarajatsiz.
- Colorzilla - bu Google Chrome va Mozilla Firefox uchun kengaytma bo'lib, unda rang tanlash vositasi, ko'z tomchilari, CSS gradient generatori va palitrali brauzer vositalari mavjud. Har qanday saytdagi kerakli rangga pipetka bilan ishora qilish va kodni nusxalash kifoya.
Pídbir rang
Rasmni oling va undan palitrani yarating.
- Coolors.co - o'zingiz yaratishingiz yoki to'plamga qarashingiz mumkin bo'lgan palitralar bilan resurs
COLOURlovers - oldin rang muxlislari omm'unity, palitralar almashish uchun, yorgan, fon va grafik shablonlar. Bu erda intervyular, jurnallar, veb-saytlar va ko'cha modasining rang tendentsiyalari. Browse bo'limida siz taqdimot uchun muallif ranglari, palitralari va fon rasmlarini topishingiz mumkin.
Sayt uchun ranglarni qanday tanlash mumkin
Siz kitobni astariga qarab baholay olmaysiz, lekin veb-saytni dizayniga qarab baholay olasiz. Odamlar veb-saytning funksionalligi va ochko'zligini idrok etishdan oldin uning hozirgi ko'rinishi bo'yicha uning ishlashini baholash va baholashni boshlaydilar.
Brendlashda ranglar ko'proq to'g'ridan-to'g'ri ma'noga ega bo'ladi, pastki ranglar esa qalinroq ma'noga ega. Siz ularni bir necha so'z bilan qisqacha ta'riflashingiz mumkin, shuning uchun siz uchun ro'yxat:
- Chornii. Nadyyny, vitoncheny va dosvydcheny. Vykoristovuetsya hashamatli ob'ektlarni o'tkazish uchun.
- Oq. Oddiy, sokin va toza.
- Chervoniy. Vpevnenist, yoshlar bu kuch. Ko'pincha jami sotish uchun vikoristovuêtsya.
- Apelsin. Mehribon, iliq va baquvvat. Men dií ga qo'ng'iroq qilaman: ro'yxatdan o'ting, sotib oling va soting.
- Jovtiy. Yaxshiyamki, optimizm iliq. Vitrinaga hurmat ko'rsatish uchun g'olib bo'ling.
- Zeleniy. Nur, o'sish va salomatlik. dam olish uchun zastosovuêtsya marketing da.
- Moviy. Dovira, xavfsizlik va barqarorlik. Banklar va biznes uchun g'alabali ovoz.
- Binafsha / binafsha. Rozkishny, ijodiy va dono. Go'zallik va ajinlarga qarshi mahsulotlar sanoatida Sound zastosovuêtsya.
- Rozhevy. Romantik va ayollik. ayollar va yosh qizlar uchun tovarlarni targ'ib qilish uchun Vykoristovuetsya.
Chornii
Rang juda ko'p ma'noga ega bo'lishi mumkin. Sharoblar fojiali vaziyatlar bilan bog'liq. Hamma narsani tartibda saqlang, chunki siz vikoristovuête va yakí kolori u bilan birga borasiz. Qora ranglar boshqa rang bilan mos keladi, bu sharob kul uchun idealdir. Dizaynerlar ko'pincha kontrastlarni yaratish uchun yogadan foydalanadilar.
Bily
Rang poklik va aybsizlikni, shuningdek, yaxlitlik va aniqlikni anglatadi. Oq rang ko'pincha bilan bog'liq toza varaq odamlarga yangi g'oyalarni yaratishga yordam beradigan hujjatlar. Biroq, bir oz juda ko'p oq, bir oz izolyatsiya va bo'shlikni chaqirishi mumkin. Dizaynda oq rang kulning rangiga o'xshaydi, ayniqsa manbalar uchun, buning uchun o'qilishi muhim qismdir.
qizil
Ranglar noto'g'ri, kuchli va tajovuzkor tuyg'ular bilan bog'liq. Vin qanchalik yaxshilikni anglatadi va men sevgi, ehtiros, ehtiros va g'azabni o'z ichiga olgan yovuz bo'laman. Dizayn qizil rang palitrasiga ega. samarali usul koristuvachivlarning hurmatini buzing.
apelsin
Tse energiya issiq rang, qaysi bir oz maqtov chaqiradi. Dizaynerlar ranglarni yutib olishadi, shuning uchun ular kunni rag'batlantirishlari kerak.
Jovtiy
Bu uyqu nuri, o'sha iliqlik quvonchining ramzi bo'lgan baxtning rangi. Zhovty, siz bilganingizdek, eng engil rang va eng kuchli psixologik qadriyatlardan biri bo'lishi mumkin. Koristuvachí, dizayní yilda yaky bachat zhovti kolori, vídchuti vídchuti vpevníst mumkin. Agar xohlasangiz, siz juda boy sariq rang tashvish yoki qo'rquv kabi salbiy reaktsiyalarni keltirib chiqarishi mumkinligini eslashda aybdorsiz.
Zeleniy
Yoga ko'pincha tabiatning rangi, muvozanat va uyg'unlik deb ataladi. Yashil ranglar xotirjamlik va tetiklik keltiradi. Bundan tashqari, bu o'sib borayotgan etishmovchilik belgisidir. Vin ko'proq ijobiy energiyaga ega bo'lishi mumkin, boshqa ranglarni pasaytiradi, ammo boshqa sharoblar materializm bilan bog'liq. Yashil tonlarda dizayn tabiat bilan bog'liq mahsulotlar uchun ideal.
Moviy
Rangga ishoning. Vín ring chiqib takabburlik ko'rsatib, tinchlaning.
siyohrang
Uzoq vaqt davomida boylik bilan bog'liq bo'lgan boy malikalarning parchalari bunday hashamatli mahsulotlarni taqdim etish uchun mos keladigan binafsha libos kiyib olgan. Bu sir va sehrning bir xil rangi. Vin zmíshuê qizil va ko'k energiyasi, bu vin kuchlar va barqarorlikni muvozanatlashi mumkin. Rangning yuqori konsentratsiyasi koristuvachiga hurmatni ilhomlantirishi mumkin.
rozhevy
Ta'sirchanlik va romantikaning rangi. Rozhevy qizillar uchun juda yumshoq, men unga aqldan ozgan kohanny kabi sharob tayyorlayman. Rozhevy ayollik bilan ko'proq bog'liq, shuning uchun siz samarali rang bo'lishingiz mumkin, katta auditoriya sifatida, bu qizlar uchun muhimdir.
jigarrang
Dizaynerlar vikorist jigarrang rangni yorug'likdan tortib to chuqurgacha bo'lgan turli xil soyalar uchun fon sifatida aytadilar. Vídchuttya issiqlik va qulaylik olib Tse. Bundan tashqari, vinolar bu ishonchni isbotlash uchun g'alaba qozonishi mumkin.
Mahsulotga rang kiritish
Kuzatuv Amerika Pivnichniy yaqinida o'tkazildi.
Sevimli ranglar
Sevilmagan ranglar
Rangli modellar
- CMYK: Moviy (ko'k), Magenta (qizil), sariq (sariq), i kalit ("kalit" - qora). Ushbu model qora rangning uchta asosiy rangidan iborat bo'lib, bu sizga quyuq ranglarni yaratishga imkon beradi. Rassomlik va boshqa Vykoristovuetsya.
- RGB modellari: qizil, yashil, ko'k - qizil, yashil, ko'k. Vikoristovuetsya kompyuterlar, televizorlar va boshqa elektron qurilmalarda
Monoxromatik
Turli xil ranglar bilan bir xil rangdagi Vín poydevorlari. Monoxromatik palitra har doim g'olib tanlovdir, Shuning uchun kechirim so'rash va qabul qilib bo'lmaydigan rang sxemasini yaratish muhimdir.
Analog ranglar
Shu kabi uyg'unlikni yaratish uchun vikoristovyte ranglar rangli qoziq bilan ishonib topshirilgan.
To'ldiruvchi
Qo'shimcha sxema - ranglarni o'zgartirish, yak rozashovani rang g'ildiragida biriga qarama-qarshi. Tsya sxemasi o'xshash va monoxromatiklarga o'xshaydi, parchalar yuqori kontrast nisbati darajasida tekislanadi. Misol uchun, ko'k fonda to'q sariq tugmani har qanday interfeysda o'tkazib yuborish muhimdir.
Shaxsiy dizayn uchun ranglar palitrasini tanlang, xoh u veb-sayt dizayni bo'ladimi yoki mobil qo'shimcha. Abiyakning ranglarini tanlash emas, balki palitrasi tanlangan bo'lsa ham, u butun sayt uchun uslubni o'rnatadi.
Yangi veb-dizaynni ishlab chiqishda men turli xil rang kombinatsiyalarini tanlashga ko'p vaqt sarflayman. Ranglar palitrasining muqobil vositalari kelajak uchun bir soatni tejashga yordam beradi.
Ranglar palitrasini tanlash uchun ko'plab dasturlar mavjud, ammo bu ro'yxatda ba'zan standart dasturlarda topiladigan tanlangan vositalar mavjud.
Nomi, nima deyish kerakligi ko'rsatilgan sayt tanlanadi va rang haqidagi ma'lumotlar batafsil taqdim etiladi. Vín chakana sotuvchining vositasiga ko'proq o'xshaydi, de ê vídnimannya, barcha mumkin bo'lgan rang kengliklarida aniq rang kodi bilan gradientlarni yaratish osonroq. Bunday pidkhíd zruchny bo'sh soatga ega bo'lganlar uchun, shuningdek, hisob-kitob nuqtasiga qadar sevgidan bexabar.
Yaxshi xulqli va iliq "chiroq" xizmati, bu sizni birinchi marta tanishganingizda xursand qiladi. Saytning mantig'i siz "bitta rang" ni tanlaganingizga asoslanadi va xizmat yangi yechim uchun turli xil echimlarni taklif qiladi: gradient, quyuq va och ranglar bo'yicha rang berish, trochik o'chirilgan yoki teskari rangning yorqin ranglari.
Vídmínu víd ustida ekspeditorlik xizmatlari Ushbu sayt tayyor palitralarni namoyish etadi, ularda biriktirilgan fotosuratlarda ranglarni qanday qilib bitta bilan birlashtirish mumkinligi ko'rsatilgan. Dengiz shamollariga, hattoki gullarga qarab, tabiatning bunyodkorlik ruhida naqadar boy ekanligiga, bizning bilimlarimiz rang-barangligidan hayratda. Umuman olganda, bu ranglarni o'rganishni endi boshlaganlar va chiroyli rasmlarni yaxshi ko'radiganlar uchun qimmatli manbadir.
Muallif o'z manbasini qanday tasvirlaydi: "Men ishimni kechirish uchun 0to255 saytini yaratdim". veb-dizaynerlar va odamlar o'xshash kasblar bugun chiptalar bilan mashq qiling. Vybirayuchi kerak, ular turli xil ranglarga muhtoj va vikorist Daniya xizmati O'n oltinchi kodni tahrirlash bilan o'zingizni qattiqlashtirmasdan, bir soatni osongina ajratishingiz mumkin.
Tasvirlardagi ranglarni bilishni yaxshi ko'radiganlar uchun yechim. O'n oltinchi koddan asosiy ranglar palitrasini ko'rish uchun rasm va xizmatni olish uchun etarli.
Planshet uchun rangli echimlarni tanlash uchun kimga qo'shimcha kerak bo'lishi mumkin? Imovirno, Tim, u nafaqat rang bilan ishlaydi, balki u bilan yashaydi, chunki odamlar sinesteziyani qurmoqdalar. Sayt shunga o'xshash, ammo interfeysning funksionalligini yana bir nechta yaxshilashni, planshet uchun kengayishlarni targ'ib qiladi. Afsuski, saytda kamchiliklar mavjud, masalan, saytning o'ziga xos xususiyati bo'lgan 3D spektri, haqiqatan ham vikoristanda qobiliyatsiz ko'rinadi.
Amerika teleseriallarida ko'pincha "Yer yuzidagi oxirgi odam faqat yakby ty bo'ladi" iborasini ayting, bizning fikrimizda "Hech qanday yo'l yo'q" grafik muharriri qo'l ostida". Quruq, qoida tariqasida, bir oz emas. Yangilikda hech qanday joziba yo'q, na o'zaro munosabat, qo'shiq aytish kerak, mahsulot uzoq vaqt davomida ishlab chiqilmagan.
Biz sayt nomini kechiramiz, garchi yaratuvchilar unga rang bilan bir soatlik ishlash uchun kerak bo'lishi mumkin bo'lgan hamma narsani kiritgan bo'lsalar ham. Hammasi shu yerda: dobroklarning ajoyib tanlovi, kanallar, tendentsiyalar, boshqa aql naqsh yaratish vositalari, tasvirlarni qidirish. Zagalom, ruh zabazhaê hamma narsa.
Keling, sumkani olaylik:
Xizmatlarning xilma-xilligi va ranglarni tanlashdan qat'i nazar, Adobe Kuler, bizning muharrirlarimizning fikriga ko'ra, ranglarni tanlashning maqsadga muvofiqligi bo'yicha eng yaxshi deb atash mumkin.
Ushbu rang mikserining asosiy afzalliklaridan biri - o'z tanlovingizni tanlash, butun ekranda tanlangan ranglarni ko'rish, shuningdek, o'z bilimlaringizni baham ko'rish va begonalarga hayratda qoldirish qobiliyatidir. Endi bu xizmatdan ajralib qolishni istamaydiganlar uchun esa Photoshop uchun plagin mavjud bo‘lib, u dasturdan muharrirsiz foydalanish imkonini beradi.