Rəng dizaynda geniş istifadə olunur - məzmunu "canlandırmağa" imkan verir - elementlər arasında semantik əlaqə yaratmaq, işi emosiyalar və əhval-ruhiyyə ilə doldurmaq. Başlayan dizaynerlər təsadüfi rənglər seçirlər, lakin rəngdən daha mənalı şəkildə istifadə etməyin yolları var. Sadədən mürəkkəbə prinsip üzrə təşkil edilmiş 4 belə üsulu nəzərdən keçirək.
1. Məlum miqyasdan istifadə edin
brandcolors.net saytında məşhur brendlərin 500-dən çox rəng kombinasiyası var. Yandex, Google, Burger King bütün məhsullarında eyni palitradan istifadə edir. Bu markalar və onların rəngləri çoxları tərəfindən tanış və sevilir. Axtarış çubuğuna adı yazın və ya səhifəni sürüşdürün, istədiyiniz marka və rəngə klikləyin: onun kodu panoya kopyalanacaq.
2. Hazır peşəkar palitranı seçin
Ən asan yol hazır rəng birləşməsini götürməkdir. Hər dəfə təkəri yenidən kəşf etmək lazım deyil, çünki ahəngdar birləşmələrçoxdan məlumdur. Colordrop.io saytına gedin və seçin. Saytda yüzlərlə peşəkar 4 rəng palitrası var. İstədiyiniz birini seçdikdən sonra sağda açılan paneldən rəng kodlarını klikləyin və kopyalayın.
Bundan əlavə, xidmət 24 düz dizayn rənginin hazır seçimini ehtiva edir. "Düz Rənglər" adı altında sola klikləyin və bəyəndiyiniz kölgə üçün kodu götürün.
3. Bəyəndiyiniz fotoşəkilin və ya şəklin rəng palitrasını müəyyənləşdirin
Bu üsul bir az daha mürəkkəbdir. Həm də daha təsirli.
- Coolors.co saytında, yuxarı sol paneldə kamera simgesini tapın və üzərinə klikləyin. Şəkil yükləmə pəncərəsi açılacaq.
- Siz kompüterinizdən bəyəndiyiniz rəng sxemi ilə şəkil və ya şəkil seçə və ya linki boş sütuna köçürə bilərsiniz.
- Xidmət rəng birləşməsini müəyyən edəcək (aşağıda yüklənmiş şəklin altında).
- Siz bu palitranın fərdi rənglərini onları işarələməklə və fotoşəkildə rəng almaq istədiyiniz nöqtəni seçməklə dəyişə bilərsiniz.
- “Kollaj” düyməsi əldə edilən palitranı rəng kodları ilə kompüterdə saxlayır.
- “Avtomatik” düyməsi eyni şəkil əsasında yeni kombinasiyalar yaradır.
- "Ok" düyməsini basın və saytın əsas səhifəsinə keçin sonrakı iş palitrası ilə.
Saytın əsas səhifəsi daha az funksional deyil. Burada fərdi rənglərin çalarlarını seçə və ya ayrı-ayrı rəngləri əvəz edərək yeni palitra yığa bilərsiniz.
4. Öz rəng sxeminizi onlayn olaraq yaradın
Eyni coolors.co saytına şəkil yükləməklə siz nəinki rəng kodunu müəyyən edə, həm də öz kombinasiyalarınızı yarada bilərsiniz. Bunu etmək üçün boşluq düyməsini basın - xidmət avtomatik olaraq 5 rəngin birləşməsini yaradır.
Hər rəngdə 4 nişan düyməsi:
- Alternativ çalarlar - Rəng çalarları (daha tünd və daha açıq),
- Çək (Rəngi palitrada sağa və ya sola köçürün),
- Tənzimləyin (Rəng, doyma, parlaqlıq və s. tənzimləyin),
- Kilidləyin (rəngi düzəldin).
Rənglər veb dizaynında böyük rol oynayır. Veb sayt üçün rəng sxemini düzgün seçmək üçün xüsusi xidmətlər var. Əminəm ki, hər bir veb dizaynerinin əlfəcinlərində bunlardan ən azı biri var.
Bəzən oturub düşünürsən ki, sayt üçün əsas olaraq mavinin hansı çalarlarını seçmək lazımdır, bir az daha açıq və ya bir az daha parlaq, bəlkə də daha tünd... Və bunun üçün hələ də əlavə olanları seçmək lazımdır. Əlbəttə ki, bunu göz ilə edə bilərsiniz, ancaq xüsusi xidmətlərdən birini istifadə etmək daha yaxşıdır.
Rəng nəzəriyyəsi haqqında danışmayacağam (bu çox həcmli məlumatdır), sadəcə olaraq əlfəcinlərimdə olan və istifadə etdiyim xidmətləri burada dərc edəcəyəm.
Mən uzun illərdir bu alətlə dost olmuşam. Rəngləri seçmək üçün ən əlverişli vasitədir (mənim fikrimcə). Bir çox əlavə xüsusiyyətlərə malikdir. Məsələn, seçilmiş rənglərlə açıq və qaranlıq səhifə nümunəsini görə bilərsiniz.
Sizi necə görəcəklərini qiymətləndirmək imkanı var Rəng sxemi rəng korluğu və digər görmə pozğunluğu olan insanlar. Veb təhlükəsiz rəngləri seçə bilərsiniz.
Adobe Kuler tez-tez istifadə etdiyim ikinci veb alətdir. Rəng sxemlərinin seçimi əvvəlki saytda olduğu kimi demək olar ki, eynidir, amma buna görə də onu sevmirəm. Rəng sxemlərini özünüz yaratmaqla yanaşı, digər insanların yaratdığı sxemlərə baxa və istifadə edə bilərsiniz.
Bunu etmək üçün yuxarı sol menyuda "Bax" düyməsini basın. Və qarşınızda hər cür rəng birləşmələrinin qalereyası açılacaq.
Bu alət Rəng sxeminə bir qədər bənzəyir, lakin daha az funksiyaya malikdir, lakin siz rəng bloklarının necə görünəcəyini görə bilərsiniz.
Mən praktiki olaraq bu saytdan istifadə etmirəm, lakin əlfəcinlərimdə olduğu üçün onu da əlavə etmək qərarına gəldim.
Aşağıdakı iki sayt seçdiyiniz şəkildən palitra yaradır. Bu sehrdir :)
Rənglərini bəyəndiyiniz istənilən şəkli seçirsiniz, xidmət onu təhlil edir və sizə rəng palitrası verir. Bu iki sayt arasındakı yeganə fərq onların görüntünü necə təqdim etməsidir.
Bu sayt tələb edir yükləyin kompüterinizdən şəkil.
Rəng seçimi üçün çox əlverişli vasitədir. "Bəyəndim - Bəyənmədim" prinsipi əsasında.
Adından göründüyü kimi, burada indi dəbdə olan düz dizayn üçün rənglər seçə bilərsiniz. Sayt maraqlıdır, çünki palitranı seçdikdən sonra onu Corel və Photoshop üçün yükləyə bilərsiniz.
Başqa moda trendi- material dizaynı. Bu sayt UI (istifadəçi interfeysi) üçün rəng birləşmələrini seçməyə kömək edir. Bundan əlavə, saytda çoxlu nişanlar dəsti var.
Və nəhayət, yenidən istifadəçi interfeysi. Budur UI dizaynı üçün sadəcə rənglər dəsti. İstənilən rəngə klikləməklə, müəyyən fonda ağ mətnin necə oxunacağını görə bilərsiniz.
Bunlar əlfəcinlərimdə olan alətlərdir.
Şərhlərdə yazın veb dizayn üçün hansı rəng seçim saytlarından istifadə edirsiniz?
Düzgün rəngləri olan vebsayta ehtiyacınız varmı? , gəl edək :)
Səhv tapdınız? Mətn parçasını seçin və üzərinə klikləyin CTRL+ENTER
Rəng dizaynerin işində ən vacib elementlərdən biridir. Ancaq bir konsepsiya olaraq, onu mənimsəmək olduqca çətin ola bilər: palitraların bir çox birləşməsinə görə, veb səhifələrin və tətbiqlərin interfeysini necə ən yaxşı şəkildə tərtib edəcəyinə qərar vermək çox vaxt çətindir. Biz əvvəllər seçim alətləri və . Və bu gün biz blogda Nik Babiçin UX Dizaynerləri üçün Essential Color Tools məqaləsinin tərcüməsini yerləşdirməklə mövzunu genişləndirmək istəyirik.
Qeyddə çox vaxta qənaət etməyə kömək edəcək vebsaytlar və UX dizaynı üçün ən yaxşı rəng seçimi xidmətlərinin siyahısı var. Bu layihələr vasitəsilə siz öyrənəcəksiniz:
- ilhamı haradan almaq olar;
- öz palitranızı necə yaratmaq olar;
- dizaynı rəng görmə qüsuru olan insanlar üçün necə əlçatan etmək olar.
1. İlham axtarır
Təbiətin rəngləri
Ətrafınızdakı dünyadan çəkin. Sizə lazım olan tək şey ətrafa baxmaqdır. Dəbli geyimlər, kitab üzlükləri, interyer dizaynı... ətrafınızda o qədər heyrətamiz şeylər var. Amma ən yaxşısı rəng birləşmələri- bunlar təbiətin rəngləridir. Gözəl bir anı çəkin və müəyyən bir şəkil əsasında öz seçiminizi yaratmağa çalışın.
Ən yaxşı rəng birləşmələri təbiətdə olur. İstənilən fotoşəkildən rəng sxemi əldə edə bilərsiniz
Behance
Məşhur bir xidmətdə tapa bilərsiniz maraqlı əsərlər, öz sahəsində real peşəkarların ən yaxşı onlayn portfelinə daxildir. Bu sayt həm də böyük bir ilham mənbəyidir. Layihələrin yeni layiqli nümunələrinə baxmaq üçün sadəcə istədiyiniz rəngi seçin.
Dribbble Rəngləri
Dribbble istifadəçi interfeysi yaratarkən lazımlı olacaq ən yaxşılarından biridir. Başqalarının müəyyən bir rəngdən necə istifadə etdiyini əyani şəkildə anlamaq istəyirsinizsə, dribbble.com/colors saytına daxil olun və istədiyiniz dəyəri daxil edin.
Bir sayt üçün rəng seçərkən, burada onun minimum faizini təyin edə bilərsiniz - təcrübə, məsələn, 30% mavi təyin etməyə çalışın.
Dribbble-da xüsusi rəngin minimum faizini təyin etməyə çalışın
Dizayn ilhamı
Designspiration ilk növbədə rəng birləşmələri üçün ideyaları olan və bu cür birləşmələrin nümunələrini görmək istəyənlər üçün faydalı vasitədir. 1-dən 5-ə qədər seçim seçin və siz göstərilən parametrlərə uyğun şəkillər tapacaqsınız.
Designspiration-da siz rəng birləşmələrinin müxtəlif nümunələrini tapa bilərsiniz
Tineye Multicolr
Tineye Multicolr rəng uyğunlaşdırma xidmətindən istifadə edərək, siz təsvirin istədiyiniz qammasını müəyyən edə və hətta onların hər birinin faizini (nisbət) təyin edə bilərsiniz. Sayt Flickr-dan 20 milyon Creative Commons fotoşəkillərindən ibarət məlumat bazası ilə inteqrasiya olunub. Bu, şübhəsiz ki, ən çox biridir sürətli yollar mükəmməl palitrada tapın.
Colorzilla
ColorZilla Chrome və Mozilla Firefox brauzerlərində quraşdırma üçün əlavədir. Buraya damcı damcısı, palitraya baxış, yaratma və s. kimi alətlər daxildir.
ColorZilla uzantısı Chrome və Firefox-da mövcuddur
Shutterstock Spektr
Rəng sxeminin necə görünəcəyini təsəvvür etməyin ən yaxşı yollarından biri müvafiq şəkillərə baxmaqdır. Veb sayt dizaynları üçün rəng seçimləri təklif edən həllərin əksəriyyətinə bu xüsusiyyət daxildir, lakin Shutterstock Spectrum həqiqətən faydalı ola biləcək inanılmaz dərəcədə istifadəçi dostu interfeysə və ön baxışa malikdir.
Üstəlik, abunəyə ehtiyacınız olmayacaq, çünki şəklin ilkin qiymətləndirilməsi kifayət qədər olacaq ("su nişanı" olsa da).
W3 Məktəbləri
Bu yaxınlarda blog W3Schools-dan bir seçimi nəzərdən keçirdi. Orada mövzu ilə bağlı çoxlu məlumat toplanmışdır, onların adlarından/çalar kodlarından başlayaraq, palitraların birləşdirilməsi nəzəriyyəsi və müxtəlif formatların təsviri ilə bitən: HEX, RGB, CMYK, HWB və s. generatorlar, çeviricilər və analoji “mini-xidmətlər”. Ümumiyyətlə, izləmək maraqlıdır.
2. Rəng palitrası yaradın
Material Dizayn Rəng Aləti
Material Dizayn Rəng Aləti sizə rəng sxemlərini yaratmağa, paylaşmağa və seçimləriniz üçün kobud istifadəçi interfeysinə baxmağa imkan verir. Onun faydalı funksiyalarından biri istənilən rəng birləşməsinin əlçatanlıq səviyyəsini ölçməkdir.
Rənglər
Coolors çoxrəngli palitrası yaratmaq üçün saytdır. Sadəcə müəyyən bir rəngi bağlayın və boşluq düyməsini basın. Alət də yaxşıdır, çünki birdən çox nəticə əldə edəcəksiniz, lakin yalnız ilkin məlumatları dəyişdirərək bir neçə variant yarada bilərsiniz.
Şəkil əsasında Coolors-da rəng sxemi
Adobe Color CC
Rəng uyğunlaşdırma xidməti Adobe Color CC (keçmiş Kuler) indi kifayət qədər populyardır. İnternetdə sərbəst mövcuddur, lakin desektor versiyası da var. Bu veb tətbiqi ilə siz rəng çarxından istifadə edərək öz palitranızı yaradacaqsınız:
Və ya bitmiş görüntüdən müəyyən bir nəticə əldə edə bilərsiniz:
Şəkil əsasında vebsayt üçün rənglərin seçilməsi
Burada yüzlərlə hazır kombinasiya var, onları "Bax" bölməsində axtarın:
İş masası versiyasından istifadə edirsinizsə, yaratdığınız rəng sistemini bir kliklə InDesign, Photoshop və Illustrator proqramlarına ixrac edə bilərsiniz.
Paletton
Dizaynları çox oxşar olduğu üçün tez-tez əvvəlki Adobe Color CC ilə müqayisə edilir. Yeganə fərq ondadır ki, Paletton-da siz beş parametrlə məhdudlaşmırsınız, lakin əlavə interfeys tonları ilə sınaq keçirə bilərsiniz.
Əlavə olaraq baxa bilərsiniz. Başqaları ilə birlikdə proqram sizə sadəcə olaraq smartfondan istifadə etməklə istənilən yerdə işləməyə imkan verir. Rəng palitralarının yaradılması/ixracının birbaşa tapşırıqlarına əlavə olaraq, burada şəkillərdən xüsusi rənglər seçə və ya əsas seçimlərdən istifadə edə bilərsiniz.
3. Palitranın əlçatan olması
İndiki vaxtda rəng görmə pozğunluqları düşündüyümüzdən daha çox yayılmışdır. Dünyada təxminən 285 milyon insan görmə problemi yaşayır. Siz həmişə seçdiyiniz birinin belə istifadəçilər üçün əlçatan olub olmadığını yoxlamalısınız.
WebAIM Rəng Kontrast Yoxlayıcısı
Bəzi tonlar bir-biri ilə yaxşı gedir, digərləri isə tamamilə əksinədir. Çox sayda layihə A/A testindən keçə bilmir və bu bir faktdır. Xüsusilə səhifədə çoxlu mətn varsa, interfeysin vizual dizaynını və tonların kontrastını yoxlamaq çox vacibdir. Bu məqsədlər üçün veb sayt rənglərini seçərkən istifadə edin.
WebAIM Rəng Kontrast Yoxlayıcısı rəng kodlarını onaltılıq dəyərlərdə yoxlayan veb əsaslı bir vasitədir.
Rənglər
Bu xidməti yuxarıda qeyd etdik. Digər şeylərlə yanaşı, Coolors da icad etdiyiniz palitranı rəng korluğunu yoxlamağa kömək edəcək.
Diaqramda rəng korluğunun növü
Normal rejim əvəzinə simulyasiya etmək istədiyiniz görmə probleminin növünü seçin. Nəticədə müəyyən rəngləri ayırd edə bilməyən bir insanın dizaynınızı necə görəcəyini dəqiq anlayacaqsınız.
Protanomaliyası olan insan palitranı belə görür
Chrome üçün NoCoffee Vision Simulator
NoCoffee Vision Simulator veb saytından istifadə edərək siz rəng korluğu və ya zəif görmə qabiliyyətinə malik insanların müəyyən veb səhifələri necə qəbul edəcəyini görə bilərsiniz. Məsələn, “Rəng çatışmazlığı” bölməsində “Achromatopsia” parametrini göstərsəniz, veb səhifəni boz rəngdə görəcəksiniz.
Deuteranopiya olan bir insan üçün CNN layihəsi belə görünür.
Nəticə
Məqalədə qeyd olunan bütün vebsayt rəng uyğunluğu və UX dizayn xidmətləri maraqlı və təsirli palitra axtarışınızda sizə mütləq kömək edəcəkdir. Ancaq unutmayın: Ən yaxşı yol heyrətamiz palitralar yaratmağı öyrənin - çox məşq edin və sınaqdan keçirin.
Rəng seçimi yaxşı dizayn yaratmaq prosesində ən vacib mərhələlərdən biridir.
İşinizi sizin üçün asanlaşdırmaq üçün biz rəng sxemlərinin yaradılması üçün ən yaxşı xidmətləri bir araya gətirmək qərarına gəldik. Onlar vaxtınıza qənaət etməyə və hələ də layiqli nəticələr əldə etməyə kömək edəcəklər.
01. Adobe Color CC
Adobe, Kuler layihəsinin adını Rəng olaraq dəyişdirdi
Bu alətlə keçmiş adı ilə tanış ola bilərsiniz - Adobe Kuler. Bununla belə, Adobe bu yaxınlarda populyar veb proqramlarından birinin adını Adobe Color CC olaraq dəyişdirdi.
Bu, hər birində beşə qədər rəng ola bilən müxtəlif rəng sxemlərini seçməyə, yaratmağa və saxlamağa imkan verir. Alət həm brauzer, həm də masa üstü versiyalarında mövcuddur. İş masası versiyasından istifadə edirsinizsə, rəng sxeminizi birbaşa Photoshop, Illustrator və InDesign-a ixrac edə biləcəksiniz.
02. Mudcube Rəng Sferası
Rəng sxeminizə əmin deyilsinizsə, Mudcude-nin öz hazır aktivlər qalereyası var.
Mudcube Color Sphere dizaynerlər üçün çox lazımlı miniatür resursdur ki, o, yalnız seçilmiş rənglər üçün hex kodları təklif etmir, həm də öz layihələriniz üçün rəng sxemləri yaratmağa imkan verir. Onu da qeyd etmək lazımdır ki, Mudcube-nin öz hazır resurslar qalereyası var, onlardan da istifadə etmək olar.
03. Rənglərimi yoxlayın
Check my Colors bütün DOM elementləri üçün fon və ön plan rəng birləşməsini qiymətləndirmək və seçmək üçün xüsusi olaraq hazırlanmışdır. Həm də elementlərin bir-biri ilə kifayət qədər ahəngdar olub olmadığını öyrənmək üçün. Bütün testlər Ümumdünya Şəbəkə Konsorsiumu tərəfindən tövsiyə olunan alqoritmlərə əsaslanır ( W3C).
04. Rəng Proqramı
Tətbiq seçilmiş rənglərin RGB, HEX və HSLA dəyərlərini öyrənməyə kömək edəcək
iOS aləti Rəng Tətbiqi böyük rəng palitrasından istifadə edərək rəngləri asanlıqla və sadə şəkildə müəyyən etməyə imkan verəcək. Rənglərin RGB, HEX və HSLA dəyərlərini öyrənməyə, həmçinin sayt üçün öz rəng sxemlərinizi yaratmağa imkan verir.
05. Rəng Ovçusu
Color Hunter seçilmiş şəkil əsasında rəng sxemi yaradır
Xüsusilə müəyyən bir rəng tapmaq lazımdırsa, bu çox rahat bir vasitədir. Şəkil seçin və onu Color Hunter-ə yükləyin. Alət seçilmiş şəkil əsasında rəng palitrası yaradacaq. Bu, öz rəng sxemlərinizi yaratmaq üçün əla üsuldur.
06. TinEye
Müəyyən bir rəng əldə etmək lazımdırsa, URL-də HEX dəyərini daxil edin
Bu sayt Creative Commons lisenziyası altında pulsuz olaraq əldə edilə bilən 10 milyon təsvirdən ibarət verilənlər bazasından istifadə edir və yaradıcılar Flickr-dan diqqətlə seçiblər. Bunlardan uyğun rəng sxemləri yaratmaq üçün istifadə edilə bilər.
07. Rəng
Rahat miniatür veb tətbiqi. Siçanı ekranın üzərinə gətirin və istədiyiniz rəngi seçin, sonra kölgəni seçmək üçün bir az sürüşdürün. Bundan sonra alət öz layihələrinizdə istifadə edə biləcəyiniz bütün lazımi HEX kodları istehsal edəcəkdir. İstifadəsi ən asan vasitələrdən biridir.
08. SpyColor.com
Rəng məlumatı verən və onu istənilən sxemə çevirməyə imkan verən pulsuz rəng sxemi generatoru ( RGB, CMYK və qeyriləri ). Burada müxtəlif rəng sxemi formatları mövcuddur, o cümlədən proses, monoxrom və s.
09. Dizayn ilhamı
Designspiration-da siz tam olaraq axtardığınız HTML rəng sxemlərini tapmağı asanlaşdıran rahat tam səhifə palitrası ilə beşə qədər çalar seçə bilərsiniz. Sayt daha sonra verilənlər bazasında oxşar rəng birləşməsindən istifadə edən bütün şəkillərdən ibarət səhifə yaradacaq. Öz layihələrinizdə istifadə edə biləcəyiniz HEX dəyərləri də təmin ediləcəkdir. Və şəkilləri saytdakı kolleksiyalarda saxlamaq olar.
10.ColorExplorer
Dizayn, fərdiləşdirmə və rəng sxemi analitikası ilə bağlı bir çox xüsusiyyətləri təklif edən ən mürəkkəb veb alətlərindən biridir. Müəyyən etməyə kömək edəcək bəzi vasitələr bunlardır Rəng sxemlərinin WCAG etibarlılığı, həmçinin öz rəng palitralarınızı yaradın.
11. Hex Rəng Sxeminin Generatoru
Seçilmiş bir rəngə əsaslanan rəng birləşməsini yaratmaq üçün lazımlı kiçik alət. Rəngin Hex dəyərini daxil edin və alət dəsti təmin edəcək uyğun rənglər, əsas ilə birlikdə istifadə edilə bilər.
12. COLOURsevərlər
COLOURlovers rəng sxemlərini paylaşmaq üçün bir cəmiyyətdir. Burada siz digər istifadəçilərin rəng dəstlərindən ilham ala, həmçinin öz rənglərinizi yarada və paylaşa bilərsiniz.
13. Rəng sxemi dizayneri
Bu onlayn alət təklif edir maraqlı yollar onların parlaqlığını tənzimləməyə və kontrastı tənzimləməyə imkan verən rəng sxemlərinin yaradılması. Burada monoxrom da daxil olmaqla rəng sxemlərinin bir neçə məşhur riyazi modelini yarada bilərsiniz.
14. COPASO
COLOURlovers veb saytından alətlərdən biri. Lakin COPASO xüsusi diqqətə layiqdir, çünki bu, inanılmaz hamısı bir yerdə həlldir və sayt üçün asanlıqla hazır rəng sxemlərini yaratmağa imkan verir. Burada çoxlu rəng seçimi alətləri mövcuddur, bunların hamısı istifadəçi dostu və sadə interfeysdə yerləşir. Bundan əlavə, siz palitralara qeydlər əlavə edə, şəkillər yükləyə və s.
15. Rəngli rejim
Colormod təmsil edir proqram təminatı, bu, Windows-da Mac və ya Konfabulator istifadə etməyinizdən asılı olmayaraq, widget sahəsindən fərdi rəngləri seçməyə imkan verir. Bu, rəng palitrası ilə işləmək üçün çox sadə bir vasitə deyil, lakin ağır proqramları yükləmədən rəngləri tez və asanlıqla müəyyən etməyə kömək edəcəkdir.
16. ColorZilla
ColorZilla həm Chrome, həm də Firefox üçün mövcuddur
Bu layihə Firefox üçün plagin kimi başlamışdı, lakin bu gün o, Google Chrome üçün də mövcuddur. ColorZilla palitrası, CSS gradient generatoru və damcı da daxil olmaqla rənglə işləmək üçün nəzərdə tutulmuş bir neçə aləti özündə birləşdirən genişləndirmədir.
17. Colormunki
Colormunki yaradıcılarından rəng sxemlərini seçmək üçün əlverişli onlayn vasitədir. Bu, bir çox texnikadan istifadə edərək Pantone əsaslı nümunələrdən asanlıqla göz oxşayan rəng palitraları yaratmağa imkan verir.
18.colr.org
Colr.org sizə istənilən şəklin rəng diapazonunu təyin etməyə imkan verir
Bu alət adətən digər alətlərdə avtomatlaşdırılan şəkil rənglərinin ətraflı təhlilinə imkan verir. Bu, ən uyğun rəng seçməyə imkan verəcəkdir. Bu aləti yoxlamağı tövsiyə edirik, baxmayaraq ki, onun interfeysi digər proqramlar kimi mürəkkəb deyil.
19. ColorGrab
Bu lazımlı alət istənilən təsvirdən rəng palitrası yaradır. Təhlil etmək istədiyiniz şəklin URL-ni daxil edin və xidmət avtomatik olaraq istifadə olunan rənglər haqqında məlumat olan 3D qrafik yaradacaq. Bu proqram vebsayt üçün rəng sxemi seçmək üçün tamamilə uyğun olmasa da, şəkilləri və onların rəng xüsusiyyətlərini öyrənmək üçün istifadə edilə bilər.
20.ColorBlender
ColorBlender beş uyğun rəng palitrası yaradır
Rəngi tənzimləməyə və real vaxt rejimində bir-biri ilə birləşən beş rəng əldə etməyə imkan verən ən sadə vasitələrdən biridir. Yaradılmış palitranı EPS faylı kimi Photoshop və ya Illustrator proqramlarında yükləmək olar.
21. GrayBit
GrayBit sizə veb saytların boz rəngdə necə görünəcəyini anlamaq üçün təhlil etməyə imkan verir
Bu alət saytınızın boz tonlarda necə göründüyünü görməyə kömək edəcək. Bunun əksinə olaraq problemli sahələri müəyyən etməyə kömək edəcək əla xidmət.
22. COLRD
İlham mənbəyi və ya rəng sxemlərini paylaşmaq üçün istifadə edilə bilən bir vasitədir. Əlbəttə ki, bu resurs sxemlərin yaradılmasına kömək etməyəcək, lakin siz mütləq buna diqqət yetirməlisiniz.
23. Shutterstock Spektr
Şəkillər rəng balansına və parlaqlığına görə süzülə bilər
Bəzən rəng sxeminin birlikdə olub-olmadığını yoxlamağın ən asan yolu stok şəkillərinə baxmaqdır. Demək olar ki, bütün əsas fond saytları oxşar alətlər təklif edir, lakin Shutterstock Spectrum çox istifadəçi dostu interfeysə malikdir. Rəngləri müəyyən etmək üçün kaydırıcıyı istifadə etdikdən sonra, fotoşəkillərin mövzusunu müəyyən etməyə kömək edəcək açar sözləri təyin edə bilərsiniz. Bundan əlavə, şəkilləri rəng balansına və parlaqlığına görə filtrləyə bilərsiniz.
Uşaqlar, biz sayta ruhumuzu qoyduq. Bunun üçün sizə təşəkkür edirəm
ki, bu gözəlliyi kəşf edirsən. İlham və gurultu üçün təşəkkür edirik.
Bizə qoşulun Facebook Və ilə təmasda
Sxem No 1. Tamamlayıcı birləşmə
Tamamlayıcı və ya tamamlayıcı, təzadlı rənglər Itten rəng çarxının əks tərəflərində yerləşən rənglərdir. Onların birləşməsi çox canlı və enerjili görünür, xüsusən də maksimum rəng doyma ilə.
Sxem No 2. Triad - 3 rəngin birləşməsi
Bir-birindən eyni məsafədə yerləşən 3 rəngin birləşməsi. Harmoniyanı qoruyarkən yüksək kontrast təmin edir. Bu kompozisiya hətta solğun və doymamış rənglərdən istifadə edərkən olduqca canlı görünür.
Sxem No 3. Oxşar birləşmə
Rəng çarxında bir-birinin yanında yerləşən 2-5 rəngin birləşməsi (ideal olaraq 2-3 rəng). Təəssürat: sakit, dəvət edici. Bənzər səssiz rənglərin birləşməsinə nümunə: sarı-narıncı, sarı, sarı-yaşıl, yaşıl, mavi-yaşıl.
Sxem No 4. Ayrı-tamamlayıcı birləşmə
Tamamlayıcı rəng birləşməsinin bir variantı, lakin əks rəng əvəzinə qonşu rənglər istifadə olunur. Əsas rəng və iki əlavə rəngin birləşməsi. Bu sxem demək olar ki, təzadlı görünür, lakin o qədər də sıx deyil. Əgər tamamlayıcı birləşmələrdən düzgün istifadə edə biləcəyinizə əmin deyilsinizsə, ayrı-ayrı tamamlayıcı birləşmələrdən istifadə edin.
Sxem No 5. Tetrad - 4 rəngin birləşməsi
Bir rəngin əsas rəng, ikisinin tamamlayıcı, digərinin isə vurğuları vurğuladığı rəng sxemi. Nümunə: mavi-yaşıl, mavi-bənövşəyi, qırmızı-narıncı, sarı-narıncı.
Sxem № 6. Kvadrat
Fərdi rənglərin birləşmələri
- Ağ: hər şeyə uyğundur. Mavi, qırmızı və qara ilə ən yaxşı birləşmə.
- Bej: mavi, qəhvəyi, zümrüd, qara, qırmızı, ağ ilə.
- Boz: fuşya ilə, qırmızı, bənövşəyi, çəhrayı, mavi.
- Çəhrayı: qəhvəyi, ağ, nanə yaşıl, zeytun, boz, firuzəyi, körpə mavisi ilə.
- Fuşya (tünd çəhrayı): boz, qara, əhəng, nanə yaşıl, qəhvəyi ilə.
- Qırmızı: sarı, ağ, qəhvəyi, yaşıl, mavi və qara ilə.
- Pomidor qırmızı: mavi, nanə yaşıl, qumlu, qaymaqlı ağ, boz.
- Albalı qırmızı: göy, boz, açıq narıncı, qum, solğun sarı, bej.
- Moruq qırmızısı: ağ, qara, damask qızılgülü.
- Qəhvəyi: parlaq mavi, krem, çəhrayı, qəhvəyi, yaşıl, bej.
- Açıq qəhvəyi: açıq sarı, qaymaqlı ağ, mavi, yaşıl, bənövşəyi, qırmızı.
- Tünd Qəhvəyi: Limon Sarı, Mavi, Nanə Yaşıl, Bənövşəyi Çəhrayı, Əhəng.
- Qara: çəhrayı, tünd qəhvəyi, mavi, yaşıl, bənövşəyi.
- Narıncı: mavi, mavi, yasəmən, bənövşəyi, ağ, qara.
- Açıq narıncı: boz, qəhvəyi, zeytun.
- Tünd narıncı: solğun sarı, zeytun, qəhvəyi, albalı.
- Sarı: mavi, yasəmən, açıq mavi, bənövşəyi, boz, qara.
- Limon sarısı: albalı qırmızı, qəhvəyi, mavi, boz.
- Açıq sarı: fuşya, boz, qəhvəyi, qırmızı, qəhvəyi, mavi, bənövşəyi çalarları.
- Qızıl sarı: boz, qəhvəyi, mavi, qırmızı, qara.
- Zeytun: narıncı, açıq qəhvəyi, qəhvəyi.
- Yaşıl: qızılı qəhvəyi, narıncı, açıq yaşıl, sarı, qəhvəyi, boz, krem, qara, qaymaqlı ağ.
- Salatın rəngi: qəhvəyi, qara, qəhvəyi, boz, tünd göy, qırmızı, boz.
- Firuzə: fuşya, albalı qırmızı, sarı, qəhvəyi, krem, tünd bənövşəyi.
- Elektrik mavisi qızıl sarı, qəhvəyi, açıq qəhvəyi, boz və ya gümüşlə birləşdirildikdə gözəldir.
- Mavi: qırmızı, boz, qəhvəyi, narıncı, çəhrayı, ağ, sarı.
- Tünd mavi: açıq bənövşəyi, açıq mavi, sarımtıl yaşıl, qəhvəyi, boz, solğun sarı, narıncı, yaşıl, qırmızı, ağ.
- Lilac: narıncı, çəhrayı, tünd bənövşəyi, zeytun, boz, sarı, ağ.
- Tünd Bənövşəyi: Qızıl Qəhvəyi, Açıq Sarı, Boz, Firuzə, Nanə Yaşıl, Açıq Narıncı.
- Qara universaldır, zərifdir, bütün birləşmələrdə görünür, ən yaxşısı narıncı, çəhrayı, açıq yaşıl, ağ, qırmızı, yasəmən və ya sarıdır.