Renk Şemaları | Modern Renk Paleti Koleksiyonları 2022

Yine yılın bu zamanı – son birkaç yıldır renk trendlerinin neler olduğunu ve bunların 2022'ye girerken nasıl değişebileceğini düşündüğümüz yer. 2022'de hangi Renk Şemaları patlayacak? Hangi renkler düz ve cansız ölecek ve indirim rafına düşecek?

• Bu harika renk paletleri listesi, 2022'de çalışmalarını yenilemek isteyen tasarımcılar için harika bir araç olacak.
• Bunlar otomatik olarak oluşturulmaz, daha ziyade tasarımcılar tarafından tasarımcılar için küratörlüğünü yapar.
• Web'deki en iyi renk paletlerinden bazılarını entegre ettik ve kendi renk paletlerimizden birkaçını ekledik!

2022'de gördüğüm en havalı Tasarım renk Paleti araçlarından biri – Mutlu Tonlar!

İlk olarak, moda tasarımcıları ve boya şirketlerine dayalı olarak 2021 için sahip olduğumuz renk trendleri için birkaç tahmin:

Bu listeyi neden verdik? Pazarlama + web tasarımı ile müteahhitlere ve ev hizmeti şirketlerine hizmet veriyoruz! Tesisat İlanları, Elektrikçi İlanları, Çatı Kaplama İlanları, HVAC İlanları, İnşaat İlanları, Tadilat İlanları ve Tesisat SEO, Elektrikçi SEO, Çatı Kaplama SEO, Müteahhit SEO, Tadilat SEO ve HVAC SEO hizmetlerimiz hakkında blog yazılarımıza göz atın!

2022 için Renk Düzenleri!

İşte son yılların renk şemaları “2020 Renk Şemaları” – Paylaşılan Aralık 2020!

2012'de blog yazmaya başladığımdan beri - daha fazla web sitesi renk şemasına olan talep delicesine yüksek. Bu yüzden AWSM Color Instagram'ı gördüğümde büyülendim. İnternette herhangi bir yerde kaydetmesi kolay bir şekilde küratörlüğünü yapan bu renk şemalarını bulamadım. Öyleyse neden 2019-2020 Web sitesi renk şemalarını arayan tüm insanlar için paylaşmıyorsunuz!

Umarım benim kadar beğenirsiniz - ve lütfen Instagram'da AWSM Color'ı takip edin.

---

2022 için bugün piyasada bulunan En İyi Renk Şeması araçları:

Kriter:

• Renk şemalarını dışa aktarmanın kolay olması gerekir
• kullanımı ücretsizdir
• Aslında harika renk şemaları ile geliyor.

1. Coolers.co - bazı uygun renk şemaları ile geliyor - motorunu çalıştırmak ve çalıştırmak için birkaç kez oluştur düğmesine basın!

2. Paletton – “Tamamlayıcı Ekle” ve renkleri kolayca bulmak için renk grafiğindeki seçiciyi sürükleyin. Bu süper kullanışlı ve güçlü araca aşina olmak için diğer ayarlarından bazılarını deneyin.

3. Colormind.io – Colormind'in popüler filmlerden ve sanattan renk şemalarını özümsemek için 'derin öğrenmeyi' kullandığı söyleniyor – daha iyi renk şemaları oluşturmaya yardımcı olmak için. Başka bir şey değilse, 2022 için renk şemalarında eğlenceli bir dönüş! Okuduğunuz için teşekkür ederiz - bu gönderiye yer işareti koyun. 2021 için yüksek moda tasarımcısı trendlerini analiz etmeye başladığımızdan, yakında 2021 için daha fazla renk şeması ekleyeceğiz. Ayrıca önümüzdeki birkaç hafta içinde bu trendler hakkında derinlemesine bir makale yazacağız, bu nedenle göz dışarı.

Orijinal Gönderiden: 2019 Renk Şemaları:

2019-2021'de Kullanılacak 12 Modern Renk Paleti Aracı

1. Coolors.io

İçin en iyisi: Grafik Tasarımcılar / Web Tasarımcıları

Coolors.co, bu listedeki renk paleti ve şema oluşturma için mevcut ilk ve en kapsamlı araçtır. Platform inanılmaz derecede sağlamdır ve nesil için bir web uygulamasının yanı sıra bir IOS Uygulaması, renklere resim yükleme, ileri ayarlamalar ve dışa aktarma/paylaşma seçenekleri sunar. Hatta Adobe CC programları (Photoshop & Illustrator) için bir eklenti ile birlikte gelir, ancak bu özellik 5 $ 'a mal oluyor (ki bu kişisel olarak oldukça uygun olduğunu düşünüyorum). Yine de en sevdiğim şeylerden biri, oluşturduğunuz renk paletlerini yönetmek ve düzenlemek için ücretsiz bir hesap açabiliyor olmanız. Bu hesap ayrıca iOS + Adobe uygulamalarıyla da senkronize edilir. Bu, özellikle çeşitli müşteriler için oluşturduğunuz renkleri takip etmek isteyen bir grafik veya web tasarımcısıysanız yararlıdır. Tasarım yaparken hızlı erişime ihtiyacınız varsa da kullanışlıdır. Bir başka bonus da Coolors'un Skillshare.com'da iki aylık ücretsiz derslerle gelmesi. Bunun tam bir hırsızlık olduğunu söyleyebilirim!

2. Canva.com

İçin en iyisi: Amatör Grafik Tasarımcılar

Canva.com, kullanıcıların bir renk paleti oluşturulacak bir resim yüklemesine olanak tanıyan bir araç sunar. Harika olan, bu aracın KAYDOLMADAN tamamen ÜCRETSİZ olarak sunulmasıdır. Bu, güçlü bir fotoğraf varlığına sahip olan ve marka bilinci oluşturmada renklerin önemli olmadığı bir marka için malzeme tasarlarken son derece yararlıdır. Ya da belki müşterinin çekildiği ve markası için bundan bir palet oluşturulmasını istediği belirli bir fotoğraf vardır.

Canva.com ayrıca tipografik eşleştirme aracı, tasarım boyutlandırma kılavuzu, logo oluşturucu ve fotoğraf düzenleme aracı gibi çeşitli başka ücretsiz araçlar da sunar. Ancak, kullanıcılar hesap yönetimi, dışa aktarma ve photoshop benzeri bir web uygulaması gibi daha da sağlam özellikler içeren eksiksiz Canva platformundan yararlanmak istiyorsa, aylık bir ücret ödemeleri gerekir. Öğrenciler ve kar amacı gütmeyen kuruluşlar için de indirimler vardır.

3. Colormind.io

İçin en iyisi: Grafik Tasarımcılar / Web Tasarımcıları

Colormind.io'yu bulduğumda, bunun basit bir renk şeması oluşturma uygulaması olduğunu düşündüm, ancak biraz daha derine indikten sonra, bundan çok daha fazla ve çok daha SOĞUK olduğunu fark ettim. Colormind özünde, siteniz için renk şemaları oluşturmanıza olanak tanıyan bir web uygulamasıdır. Ancak onu benzersiz kılan şey, bunun sizin için bir web sitesinde nasıl görüneceğini gerçekten görselleştirmesidir. Ayrıca yerleşik Materyal Tasarımı desteğine ve resim yükleme desteğine sahiptir. Ne kadar serin? Basit ama gerçekten yaptığı şeyden biraz kilometre alıyor. Colormind.io'da kendiniz kontrol edin.

4. Mycolor.space

İçin en iyisi: Web Tasarımcıları / UI Tasarımcıları

Bu, kişisel olarak biraz kullandığım bir araçtır. MyColor.Space hakkında gerçekten sevdiğim şey basitliği ve temiz kullanıcı arayüzü olmasıdır. Renk paleti oluşturma aracı, web uygulamasının bu rengi temel alan çeşitli degradeler ve onaltılı kodlar çıkaracağı tek bir renk seçmenize olanak tanır. Ayrıca, web uygulamasında bazı harika gradyan oluşturma araçları da vardır. Gradyan oluşturma aracı hakkında gerçekten sevdiğim şey, gradyanları üretmek için gereken CSS'yi tükürmesidir. Böylece bunları doğrudan ön uç kodunuza kopyalayıp yapıştırabilirsiniz!

5. Tasarım Tohumları

Şunlar için idealdir: Görsel Tasarımcılar / Grafik Tasarımcılar / Web Tasarımcıları

Design Seeds'i dahil etmeden bir renk paleti araçları blog gönderisi ne olurdu? Bu bir palet oluşturma web uygulaması değil, bunun yerine palet ilhamını yayınlamaya adanmış bir blog. Yapacakları şey, bir fotoğraf çekmek ve ardından “Moody Opulence” ve “Drift” gibi popüler bir isimle o fotoğraftan yola çıkarak bir palet yayınlamak. Bu siteyi kişisel olarak pek kullanmıyorum, ancak markalarını anlamaya çalışırken müşterilere gönderiyorum. Tasarım ilhamı söz konusu olduğunda bir başlangıç ​​noktanız yoksa veya gerçekten ne aradığınızı bilmiyorsanız, bu faydalıdır. Ayrıca bunun iç tasarım alanına uzanacak bir şey olduğunu düşünüyorum.

6. Pantone Stüdyosu

İçin en iyisi: Grafik Tasarımcılar / Baskı Tasarımcıları

Bu liste, özellikle renk konusunda önde gelen uzmanlar olduklarından, Pantone'dan bahsetmeden tamamlanmış sayılmaz. Paletleri bir araya getirmek için oldukça havalı bir uygulamaları olduğu ortaya çıktı. Uygulama ile çeşitli renk uyumlarını, değerleri ve çapraz referansları keşfederken bunları RGB, CMYK ve HEX'e aktarabilirsiniz. Tek dezavantajı, uygulamanın yalnızca iOS olması, bu nedenle Android kullanıcıları kaybeder. Tasarım sürecimde bunun gibi cep telefonu uygulamalarını gerçekten kullandığımdan da emin değilim, ancak başka biri için daha iyi çalışabilir. Sizin için işe yarayıp yaramadığını görmek için bir deneyin!

7. Adobe Kuler (Renk Çarkı)

İçin en iyisi: Grafik Tasarımcılar / Web Tasarımcıları / UI Tasarımcıları

Adobe Kuler'i uzun zamandır biliyordum çünkü eskiden iOS için bir uygulamaydı. Yine de, itiraf etmeliyim ki, bunu henüz doğrulamamış olabilirim. Ancak, siteye giderseniz, şimdi oldukça basit bir renk paleti oluşturma aracına bağlantı veriyor. Burada fırfırlar yok, ancak bir görüntüyü içe aktararak veya bir renk tekerleği kullanarak paletler oluşturabilirsiniz. Daha sonra bu temaları kaydedebilirsiniz. Adobe CC hesabınız varsa, profilinize kaydedebilir ve CC uygulamalarınızla senkronize edebilirsiniz. Bana sorarsan oldukça şık! Buradaki tek sorun, çok ilham almadıysanız (yazının başlarında Design Seeds'e göz atmanızı tavsiye ederim), o zaman başlamak zor olabilir.

8. Site Paleti

İçin en iyisi: Web Tasarımcıları / UI Tasarımcıları / Ön Uç Geliştiricileri

Bu listede Web/UI/Front-End'e biraz daha sevgi vererek size Site Palette'ı tanıtıyorum. Site Palette, karmaşık renk paletleri oluşturmanıza olanak tanıyan Chrome, Safari ve Firefox için bir uzantıdır. Ayrıca önceden var olan web sitelerinden renk şemaları alma/çıkarma yeteneğine de sahiptir. Yani diğer adamın yaptığı şeyi beğendiyseniz, o zaman sizindir. Sketch ve Adobe gibi uygulamalarla paylaşabileceğiniz harika bir kullanıcı arayüzüne sahip şık bir araçtır. Daha da derine inmek istiyorsanız, anlamsal renk çıkarımı için bir API ile birlikte gelir. Bunu anlamak benim maaş notumun biraz üzerinde ama bu listedeki başka hiçbir şey bunu yapmıyor. Ücretsiz bir sürümü olsa da, buna ihtiyacınız varsa, fiyatlandırmanın API isteklerine dayalı olduğu bir PRO sürümüyle birlikte gelir.

9. Önyükleme Sihri

İçin en iyisi: Web Tasarımcıları / UI Tasarımcıları / Ön Uç Geliştiriciler

Bootstrap kullanan tüm web, UI ve Front-End tasarımcılarına duyurulur! Gezegendeki en popüler duyarlı çerçeve! Bootstrap hakkında kişisel olarak sevmediğim şeylerden biri, standart renklendirmenin oldukça genel olmasıdır. Bunu özelleştirmek, ne dediğimi biliyorsan ve bunu yapmaya çalıştığına aşinaysan devasa bir PTA'dır. Bootstrap için renk şemalarını özelleştirmenin tamamen bir esinti haline geldiği Bootstrap Magic'e girin. Her şey için renk seçmek ve renk seçmek hala sıkıcı, ancak en azından küçültülmüş SASS değişkenleri ve karışımları arasında kazmak yerine bunu yapmak için süslü bir kullanıcı arayüzünüz var. Bootstrap bir HTML düzenleyiciyle birlikte gelir, böylece gerekirse bunu doğrudan kullanıcı arayüzünden yapabilirsiniz (genellikle düğmeler ve satır yükseklikleri gibi şeyleri ayarlarım). Bu ücretsiz bir web uygulaması, bu yüzden çıldırın!

10. Bootstrap.build

İçin en iyisi: Web Tasarımcıları / UI Tasarımcıları / Ön Uç Geliştiriciler

Bootstrap.build, biraz daha sağlam görünse de, yukarıdaki Bootstrap Magic'e oldukça benzer. Bu web uygulaması, çok sayıda SASS değişken özelleştirmesine sahip geliştiricilere yöneliktir. Ayrıca, özel dışa aktarma/içe aktarma seçeneklerinin yanı sıra bir önizleme modu ile. Kullanıcı arayüzü de bence biraz daha hoş. Bu, Bootstrap temalarınızı çeşitli projeler halinde düzenlemenize olanak tanıyan ayda 5 ABD Doları tutarında profesyonel seçeneklerle birlikte gelir. Temaları CDN üzerinden de barındırabilirsiniz. Müşteriler için çok fazla tasarım ve geliştirme yapıyorsanız, bunlar oldukça değerli özelliklerdir. İşinize yarayıp yaramadığını görmek için göz atın!</p

11. Malzeme Renk Aracı

İçin en iyisi: UI Tasarımcıları / Uygulama Tasarımcıları

Bootstrap'a biraz sevgi vereceksek, Google'ın Tasarım standartları olan Material'a da biraz dikkat göstermeliyiz. Google, tasarımlarını tüm platformlarında düzene sokmanın bir yolu olarak Material ile çıktı. Uygulama entegrasyonunun daha sorunsuz ve yerel görünmesini sağlamak için bu standartları halka bile yayınladılar. Bunun bir parçası olarak, tasarımcılar ve geliştiriciler için bu standartlara dayalı arayüzler oluşturmaya yardımcı olacak çeşitli web uygulaması araçları sunarlar. Google Material Color Tool burada devreye giriyor. Oldukça karmaşık bir canavar, ancak Materyal tasarım standartlarına uyan bir Android uygulaması tasarlıyorsanız, bu araç bunu hayata geçirmek için çok önemlidir.

12. Malzeme Renk Paleti

Şunlar için idealdir: UI Tasarımcıları / Uygulama Tasarımcıları / Web Tasarımcıları

Materyal tabanlı başka bir araç da Material Design Palette. Bu, Google'ın Malzeme aracından önemli ölçüde daha basittir. Palet aracı, Google'ın Malzeme standartlarına göre otomatik olarak bir damak oluşturacak olan iki renk seçmenize olanak tanır. Aracın amacı uygulama merkezli olsa da, yalnızca bir renk damak oluşturma aracı arıyorsanız bu yardımcı olabilir. Uygulama, altıgen kodlar yayar ve hepsi, renkleri gerçekten herhangi bir uygulama için kullanılabilir. Ayrıca şık bir Malzeme simgesi referans kılavuzunun yanı sıra onaltılık kodları kopyalayıp yapıştırabileceğiniz bir Malzeme renkleri referans kılavuzu da bulunmaktadır. Buna bir bak!

Ankete katılan şirketlerin %62'si, bir web sitesinin 2-3 yılda bir yeniden tasarlanması gerektiğine inandıklarını söyledi. Kaynak: Kanca Ajansı

Web siteleri ve renk şeması araçları için bu harika modern renk paletlerini/renk şemalarını umarım beğenmişsinizdir!

Okuduğunuz için çok teşekkür ederiz - ve lütfen özetinizde bize geri dönün veya sizin için yararlıysa sosyal ağlarınızda paylaşın

Okumaya devam etmek istiyorsanız, Cody Warren: Minnesota'daki en seksi adam veya tesisatçı SEO rehberimiz hakkındaki bu gönderiye göz atın.