Renk seçme programı. Bir renk şeması

Lebedev Studio ile iletişime geçebileceğiniz kişi, eğer girişiminizi tasarlıyorsanız ve tasarım konularını ciddiye alıyorsanız, muhtemelen renk şemalarını seçmek için araçlara ihtiyacınız olacaktır. İnternette, sıkı çalışmanızda size ücretsiz olarak yardımcı olacak yeterli sayıda aracın bulunması iyi bir şey.

1. Renk Gezgini

Renk Gezgini, renk şemalarını ve kombinasyonlarını seçmek için en kullanışlı araçlardan biridir. Tek bir temel renge dayalı olarak ilgili renk şemasını ve farklı tonları seçmenizin yanı sıra, potansiyel dönüşümü analiz etmenizi sağlar. farklı şekiller renk uyumu. Ayrıca seçilen görüntülere göre renk şemaları oluşturmanıza, dosyalardan css/html kodunu içe aktarmanıza ve RGB ve hex renk kodlamasıyla çalışmanıza olanak tanır.

2.Adobe Soğutucu



Adobe Kuler da harika bir şey. Renk şemaları oluşturmak ve daha sonra bir web sitesinde veya uygulamada kullanılabilecek hazır renk şemaları oluşturmak için bir palet tekerleği kullanmanıza olanak tanır.

3. Slayeroffice Renk Paleti Oluşturucu



Listemizde bir sonraki yer Slayer Office'tir. Çok basit ve kullanışlı bir palet oluşturucu. Ayrıca bir temel renk seçtiğinizde size tonlar sunar.

4.Renk Karıştırıcı



ColorBlender, elde edilen paletleri daha sonra Photoshop veya Illustrator'da kullanmak için iyi bir araçtır. Alıp uygulamanızda kullanabileceğiniz hazır set kütüphanesi bulunmaktadır.

5,0 ila 255



0 ila 255, koyu / açık renk tonlarını alıp elde edebileceğiniz başka bir filtre "seçicisidir". Degradelerden ve gölgelerden hoşlananlar için bu tam da olan şey.

6.Renk kulesi



Herhangi bir nedenle önceki araçların tümü size uymuyorsa Colorspire'ı deneyin. Ayrıca seçilen renk için bir doygunluk ayarına ve her türlü hızlı ayara sahiptir.

7.Renk Düzenleyici



Bu araç 16 renkten oluşan bir palet sunar (önceki seçeneklerin çoğunda 5 temel renk bulunur). Ayrıca Mac veya PC'de İnternet bağlantısı olmadan da kullanılabilir.

8.Renk avcısı



Renk avcısı ile etiketlere, onaltılık renk koduna veya görsel URL'sine göre hazır kombinasyonlar seçebilirsiniz. Renk paleti, yüklenen görüntüye göre elde edilebilir.

9.Renk Kombinasyonları



ColorCombos – yine renk şemaları, hazır örneklerden oluşan eksiksiz bir kütüphane, kendinizinkini oluşturabilirsiniz. Hazır bir web sitesinden renk elde etmek için araçlar vardır.

10.WebAIM



Ve seçim, bir palet oluşturmayan ancak zıt renkleri seçmenize olanak tanıyan ile tamamlanır. Sadece gölgeler hakkında değil aynı zamanda kontrastlar hakkında da çok şey bilenler için. Özellikle bir içerik projeniz varsa ve başlıklı metinlerin okunması kolay olmalıdır.

01 Temmuz 2010 Perşembe 14:46 + Kitaptan Alıntıya

RENKseverler



COLOURlovers bulmanın bir yolundan daha fazlasını sağlar renk paletleri. Burası aynı zamanda renkle ilgili konuları tartışmak için başkalarıyla etkileşime geçilebilecek bir yerdir. Orada renklerle ilgili ilginç makaleler de okuyabilirsiniz.

Copaso



Burada kendi renk şemalarınızı oluşturabilirsiniz. Ayrıca bir fotoğraf yükleyebilir ve renk örnekleri almak için onu renkli piksellere ayırabilirsiniz. Daha sonra uygun bir formatta kaydedip indirin

Renk Karıştırıcı



Tamamen ücretsiz ve en önemlisi çevrimiçi, uyumlu bir şekilde oluşturmanıza ve kaydetmenize olanak tanır renk kombinasyonları, hem otomatik hem de manuel olarak. Üç RGB veya HSV kaydırıcıyı kullanarak otomatik olarak aşağıdakileri elde edersiniz: uyumlu kombinasyon Altı renk arasından seçim yapabilir ve ardından bunları zevkinize göre özelleştirebilirsiniz. Renkler otomatik olarak HTML ve RGB renk kodları olarak temsil edilir ve ayrıca Photoshop (.ACT) ve Illustrator (.EPS) renk tabloları olarak da dışa aktarılabilir. Ayrıca standart duba ile renk karşılaştırma fonksiyonu bulunmaktadır. Paletlerinizi doğrudan web sitesinde saklayabilir ve onlara size uygun isimler verebilirsiniz. Ayrıca sitede farklı durumlar için çok sayıda hazır palet bulabilirsiniz.

En iyilerinden biri önemli faktörler benzersiz ve tanınabilir bir tasarım - renk oluştururken. Doğru renk şeması seçimi bir web sitesinin başarısını veya başarısızlığını belirleyebilir. Bir ziyaretçi bir web sayfasına ilk baktığında seçtiğiniz renkler ona o sayfa hakkında anlık mesaj gönderir. Neyse ki doğru renk şemasını seçmenize yardımcı olacak birçok araç var. İşte en iyi beşi.

1. Soğutucu

Adobe'den Kuler uzun zamandır tanınıyor en iyi asistan profesyonel web tasarımcısı. Rakiplerin aksine burada geniş bir topluluk var ve oluşturulan paletleri paylaşabilir veya başkalarının renk şemalarını alıp bunları ihtiyaçlarınıza göre değiştirebilirsiniz. Toplulukta iletişim kurmak için kaydolmanız ve bir Adobe ID almanız gerekir. Kuler'deki renkler RGB, CMYK, LAB ve HSV dahil olmak üzere çeşitli formatlarda temsil edilir.


İlham, en beklenmedik olayın etkisi altında ortaya çıkabilir. Örneğin, karşılaşabilirsiniz güzel fotoğrafçekici bir renk şemasıyla. Bu renk paleti oluşturucu yalnızca bu tür fotoğrafları işlemek için oluşturuldu. Dosyaları JPG veya PNG formatında yükleyin ve ana renklerin ayrıntılı bir düzenini elde edin. Ziyaretçilerinizde nasıl bir tepki uyandırmaya çalışırsanız çalışın, bir renk paleti oluşturucu benzersiz bir görünüm yaratmanıza yardımcı olabilir. dış görünüş herhangi bir web sitesi için.


Tek tek renkler asla bir boşlukta asılı kalmaz ve her renk tonunun çevresi üzerinde etkisi vardır. Contrast-A aracı, palet yapılandırmasına son derece teknik bir yaklaşım getirerek şunları sağlar: detaylı bilgi Parlaklık Oranı ve parlaklık ve renk farklılıkları hakkında. Bu mükemmel araç ile minimalist bir web sitesi oluşturmanız gerekiyorsa küçük bir miktar birbirini tamamlayan renkler.


Bu popüler Firefox eklentisi, tek tek renklerin anlamını doğrudan tarayıcıda belirlemenize ve aralarındaki farkı ölçmenize olanak tanır. Önceden seçilmiş gruplardan tek tek renkleri seçmek için bir "renk şeması tarayıcısı" vardır. Kullanımı kolay ve son derece zengin özelliklere sahip ColorZilla eklentisi, web tasarımcıları ve sanatçılar için İsviçre Çakısı tarayıcı uzantısı gibidir.


Diğer birçok "renk tekerleği" renk şeması oluşturucusunun aksine Colorotate, paleti 3 boyutlu bir koni üzerinde görüntüler. Kuler gibi kullanıcılar da kendi renk şemalarını kaydedip düzenleyebilir, ayrıca diğer tasarımcıların oluşturduğu paletleri görüntüleyebilir. Araç, popüler tasarım programları Adobe Fireworks ve Photoshop ile entegredir.

Etkili web tasarımından bahsettiğimizde sezgisel kullanıcı arayüzleri ve düzenlerden bahsediyoruz ancak renk şemaları da aynı anlama geliyor. büyük önem, hatta daha fazlası. Burada listelenen araçlar, ilk denemede web siteniz için harika bir renk paleti seçmeniz için sizi doğru yöne yönlendirecektir. Diğerlerini internette bulabilirsiniz kullanışlı araçlar, ancak bunlar kişisel tarzınıza uyacak mükemmel cephaneliği bulmaya başlayabileceğiniz yerdir. İyi şanslar ve mutlu tasarım!

Site için bir renk şeması seçme. Yeni başlayan bir tasarımcı için bu önemli bir görevdir. Ve sadece yeni başlayanlar için değil. Bir müşterinin gelip "Yeşil bir web sitesi istiyorum" demesi kolaydır. Bu yazıda size bir web sitesi için renklerin nasıl seçileceğini, hazır renk şemalarına nereden bakılacağını ve tasarımcıların renkleri seçmek için hangi hizmetleri kullanması gerektiğini anlatacağım.

Hangi renklerin neyi etkilediğini size anlatmak için çok fazla zaman harcamayacağım çünkü genel olarak, bunların hepsi tamamen saçmalık. Sitenizin kırmızı olmasını istiyorsanız kırmızı yapacaksınız. Ziyaretçiyi rahatsız etmeden onunla bütünleşecek doğru renkleri seçmeniz yeterli. Yani, doğrudan hizmetlerin incelemesine geçiyoruz.

1 numaralı web sitesi için renk seçim hizmeti


Adobe Color, web siteniz için ana renkleri seçebilir. Birkaç renk seçim modu vardır. Önerilenlerden birini seçip çevirmeniz gerekiyor renk tekerleği. Servis gerisini sizin için halledecektir. Son zamanlarda bir görüntü analiz modu tanıtıldı. Renk kombinasyonuna göre beğendiğiniz güzel bir gün batımının fotoğrafını çekebilir, görüntüyü yükleyebilir, hizmet onu analiz edecek, ana renkleri görüntüleyecek ve bir renk şeması oluşturacaktır. Farklı paletler seçebilirsiniz: sessiz, zengin, rastgele, parlak. Renkler, yüklenen görsele ve seçilen renk paletine göre seçilecektir.

2 numaralı site için renk seçimi hizmeti


Colorscheme, siteniz için rastgele hazır bir palet seçmenize olanak tanır. Hizmetin iyi yanı, "açık sayfa örneği" ve "karanlık sayfa örneği" düğmelerinin bulunmasıdır: seçilen renk şemasının kullanıldığı bir test sayfasını gösterir. Bu sayfalarda en çok değil en iyi tasarım ancak sitenin renk şeması hakkında fikir edinebilirsiniz. Hizmet yeni başlayanlar için iyi, birçok ipucu var, her şeyin nasıl çalıştığını ve renkler hakkında birçok bilgiyi işaret edip okuyorsunuz.

3 numaralı site için renk seçimi hizmeti


Minimalist hizmet Hailpixel. Şimdiye kadar karşılaştığım en basit hizmet. Farenizi ekran üzerinde hareket ettirirsiniz ve bazı renkleri seçer. Bir rengi beğendiyseniz tıklarsınız ve o rengi düzeltir. Daha ileri gidersin, o alır sonraki renk, bir öncekiyle birleştirilecek. Bu hizmete uzun süre sadık kalırsanız çok güzel kombinler elde edebilirsiniz.

Çiçek seçmek için tek bir hizmetin yeterli olduğunu unutmamak önemlidir. En iyisini aramaya gerek yok, sizin için daha basit ve anlaşılır olanı kullanın. Bir web sitesi için renk seçmek oldukça subjektif bir iştir; hizmetlere ve kendi zevkinize güvenmek zorundasınız. Müşterinin zaten bir kurumsal kimliği varsa, bu işi kolaylaştırır, hiçbir şey icat etmeye gerek yoktur, sadece kullanın.

bir notta: Web sitesinin renklerini herkes sizin gibi algılamayacaktır. Erkekler arasında büyük bir oran olan renk körü insanlar var. Colorscheme hizmeti görme simülasyonu sunar. Protanopların, deuteranopların ve görme bozukluğu olan diğer kişilerin renklerinizi nasıl göreceğini görebilirsiniz. Örneğin Facebook'un kullandığı güvenli renkler var. Mark Zuckerberg renk körü olduğundan bu yöntemi kullanmıştır. Mavi renk Bu arada VKontakte de mavi. İnternette "güvenli renkler" diye arama yapabilirsiniz ancak görünen o ki yalnızca mavi. Çoğunlukla erkekler tarafından kullanılacak büyük bir hizmet yapıyorsanız maviyi kullanın.

Neredeyse unutuyordum. Web'de monitörler için kullanılan RGB renk modelini kullanmanız gerekir.

Renklere dair her şey. Renk seçiminde favori hizmetlerinizi yorumlarda paylaşın, belki ben de kendim için daha iyi bir şey bulurum.

İyi bir tasarım oluşturma sürecinde renk seçimi en önemli aşamalardan biridir.

Görevinizi kolaylaştırmak için aşağıdakilerden oluşan bir seçim derlemeye karar verdik: en iyi hizmetler renk şemaları oluşturmak için. Zamandan tasarruf etmenize ve yine de iyi sonuçlar almanıza yardımcı olacaklar.

01.Adobe Renkli CC

Adobe, Kuler projesini Color olarak yeniden adlandırdı

Bu araca eski adı olan Adobe Kuler'den aşina olabilirsiniz. Ancak Adobe yakın zamanda popüler web uygulamalarından birinin adını Adobe Color CC olarak değiştirdi.

Her biri en fazla beş renk içerebilen farklı renk şemalarını seçmenize, oluşturmanıza ve kaydetmenize olanak tanır. Araç hem tarayıcı hem de masaüstü sürümlerinde mevcuttur. Masaüstü sürümünü kullanıyorsanız renk düzeninizi doğrudan Photoshop, Illustrator ve InDesign'a aktarabilirsiniz.

02. Çamur Küpü Renk Küresi


Renk düzeninizden emin değilseniz Mudcude'un kendi hazır öğeler galerisi vardır.

Mudcube Color Sphere, yalnızca seçilen renkler için altıgen kodlar sunmakla kalmayıp aynı zamanda kendi projeleriniz için renk şemaları oluşturmanıza da olanak tanıyan, tasarımcılar için çok kullanışlı bir minyatür kaynaktır. Ayrıca Mudcube'un kullanılabilecek kendi hazır kaynak galerisine sahip olduğunu da belirtmekte fayda var.

03. Renklerimi Kontrol Et


Renklerimi Kontrol Et, tüm DOM öğelerinin arka plan ve ön plan renk kombinasyonunu değerlendirmek ve seçmek için özel olarak tasarlanmıştır. Ayrıca elemanların birbirleriyle yeterince uyumlu olup olmadığını öğrenmek için. Tüm testler World Wide Web Konsorsiyumu tarafından önerilen algoritmalara dayanmaktadır ( W3C ).

04. Renk Uygulaması


Uygulama seçilen renklerin RGB, HEX ve HSLA değerlerini bulmanıza yardımcı olacaktır.

iOS aracı Renk Uygulaması geniş bir renk paleti kullanarak renkleri kolayca ve basit bir şekilde belirlemenize olanak tanır. Renklerin RGB, HEX ve HSLA değerlerini öğrenmenize ve site için kendi renk şemalarınızı oluşturmanıza olanak tanır.

05. Renk Avcısı


Renk Avcısı seçilen görüntüye göre bir renk şeması oluşturur

Bu çok kullanışlı araçözellikle belirli bir renk bulmanız gerekiyorsa. Bir görsel seçin ve Color Hunter'a yükleyin. Araç, seçilen görüntüye göre bir renk paleti oluşturacaktır. Bu, kendi renk şemalarınızı oluşturmak için harika bir yöntemdir.

06.


Belirli bir renk elde etmeniz gerekiyorsa URL'ye HEX değerini girmeniz yeterlidir.

Bu site, yaratıcıların Flickr'dan özenle derlediği, Creative Commons lisansı altında ücretsiz olarak sunulan 10 milyon görselden oluşan bir veritabanını kullanıyor. Bunlar uygun renk şemaları oluşturmak için kullanılabilir.

07. Renk


Kullanışlı minyatür web uygulaması. Farenizi ekranın üzerine getirin ve belirleyin istenilen renk, ardından bir gölge bulmak için biraz kaydırın. Bundan sonra araç, kullanılabilecek tüm gerekli HEX kodlarını üretecektir. kendi projeleri. Kullanımı en kolay araçlardan biri.

08.


Renk bilgisi sağlayan ve aynı zamanda onu herhangi bir şemaya dönüştürmenize olanak tanıyan ücretsiz renk şeması oluşturucu ( RGB , CMYK ve diğerleri). Burada proses, monokrom ve daha fazlası dahil olmak üzere çeşitli renk şeması formatları mevcuttur.

09.


Tam olarak aradığınız HTML renk şemalarını bulmanızı kolaylaştıran kullanışlı tam sayfa paletini kullanarak en fazla beş renk tonu seçebilirsiniz. Site daha sonra veritabanındaki benzer renk kombinasyonunu kullanan tüm görselleri içeren bir sayfa oluşturacaktır. Kendi projelerinizde kullanabileceğiniz HEX değerleri de sağlanacaktır. Ve resimler sitedeki koleksiyonlara kaydedilebilir.

10.Renk Kaşifi


Tasarım, özelleştirme ve renk şeması analitiği ile ilgili birçok özellik sunan en gelişmiş web araçlarından biri. İşte belirlemenize yardımcı olacak bazı araçlar Renk şemalarının WCAG geçerliliği ve ayrıca kendi renk paletlerinizi oluşturun.

11. Hex Renk Düzeni Oluşturucu


Seçilen bir renk tonuna göre renk kombinasyonu oluşturmak için kullanışlı küçük bir araç. Rengin Hex değerini girin; araç bir set sağlayacaktır uygun renkler, ana olanla birlikte kullanılabilir.

12. RENKseverler

COLOURlovers, renk şemalarının paylaşıldığı bir topluluktur. Burada diğer kullanıcıların renk setlerinden ilham alabilir, kendi renk setinizi oluşturup paylaşabilirsiniz.

13. Renk Düzeni Tasarımcısı


Bu çevrimiçi araç şunları sunar: ilginç yollar parlaklıklarını ve kontrastı ayarlamanıza olanak tanıyan renk şemaları oluşturur. Burada monokrom da dahil olmak üzere birçok popüler renk şeması matematiksel modeli oluşturabilirsiniz.

14.COPASO


COLOURlovers web sitesindeki araçlardan biri. Ancak COPASO, inanılmaz bir çözümü temsil ettiği için özel ilgiyi hak ediyor " hepsi bir arada"ve site için kolayca hazır renk şemaları oluşturmanıza olanak tanır. Burada hepsi kullanıcı dostu ve basit bir arayüzde yer alan birçok renk seçim aracı bulunmaktadır. Ayrıca paletlere notlar ekleyebilir, resim yükleyebilir vb.

15. Renk Modu

Colourmod temsil eder yazılım, ister Mac ister Windows'ta Konfabulator kullanıyor olun, widget alanından tek tek renkleri seçmenize olanak tanır. Bu, renk paletleriyle çalışmak için çok basit bir araç değildir, ancak ağır programlar indirmenize gerek kalmadan renkleri hızlı ve kolay bir şekilde belirlemenize yardımcı olacaktır.

16. ColorZilla


ColorZilla hem Chrome hem de Firefox'ta kullanılabilir

Bu proje Firefox için bir eklenti olarak başladı ancak bugün Google Chrome için de mevcut. ColorZilla, bir palet, bir CSS degrade oluşturucu ve bir damlalık dahil olmak üzere, renklerle çalışmak üzere tasarlanmış çeşitli araçları içeren bir uzantıdır.

17. Renkli Munki


Colormunki'nin yaratıcılarından renk şemaları seçmek için kullanışlı bir çevrimiçi araç. Birden fazla teknik kullanarak Pantone tabanlı renk örneklerinden kolayca göz alıcı renk paletleri oluşturmanıza olanak tanır.

18.colr.org


Colr.org herhangi bir görüntünün renk aralığını ayarlamanıza olanak tanır

Bu araç, genellikle diğer araçlarda otomatikleştirilen görüntü renklerinin ayrıntılı analizine olanak tanır. Bu, en uygun rengi seçmenizi sağlayacaktır. Arayüzü diğer uygulamalar kadar karmaşık olmasa da bu araca göz atmanızı öneririz.

19. Renk Yakalama

Bu kullanışlı araç, herhangi bir görüntüden renk paletleri oluşturur. Analiz etmek istediğiniz görüntünün URL'sini girin; hizmet, kullanılan renklerle ilgili bilgileri içeren bir 3D grafiği otomatik olarak oluşturacaktır. Bu uygulama bir web sitesi için renk şeması seçmek için tamamen uygun olmasa da görselleri ve renk özelliklerini incelemek için kullanılabilir.

20.Renk Karıştırıcı


ColorBlender eşleşen beş renkten oluşan bir palet oluşturur

Rengi ayarlamanıza ve gerçek zamanlı olarak birbiriyle birleşen beş renk elde etmenize olanak tanıyan en basit araçlardan biri. Oluşturulan palet Photoshop veya Illustrator'da EPS dosyası olarak indirilebilir.

21. GriBit


GrayBit, web sitelerinin gri tonlamalı olarak nasıl görüneceklerini anlamak için analiz etmenize olanak tanır

Bu araç sitenizin gri tonlarda nasıl göründüğünü görmenize yardımcı olacaktır. Aksine sorunlu alanların belirlenmesine yardımcı olacak mükemmel bir hizmet.

22. SOĞUK


İlham kaynağı olarak veya renk şemalarını paylaşmak için kullanılabilecek bir araç. Tabii ki, bu kaynak planların oluşturulmasına yardımcı olmayacaktır, ancak kesinlikle not almalısınız.

23. Shutterstock Spektrumu


Görüntüler renk dengesine ve parlaklığa göre filtrelenebilir

Bazen bir renk şemasının uyumlu olup olmayacağını kontrol etmenin en kolay yolu stok görsellere bakmaktır. Hemen hemen tüm büyük stok siteleri benzer araçlar sunar ancak Shutterstock Spectrum'un oldukça kullanıcı dostu bir arayüzü vardır. Renkleri tanımlamak için kaydırıcıyı kullandıktan sonra fotoğrafların temasını belirlemeye yardımcı olacak anahtar kelimeleri belirleyebilirsiniz. Ayrıca görüntüleri renk dengesine ve parlaklığa göre filtreleyebilirsiniz.

24. Şerit Oluşturucu 2.0


Bu aracın uzun süredir modası geçmiş gibi görünebilir. Ancak yine de hazır web sitesi renk şemaları ve çekici desenler oluşturmak için onu etkili bir şekilde kullanabilirsiniz.

25. Web'deki Renkler


Web'deki renkler, HEX veya RGB'deki ayrı renkleri kabul eder ve çeşitli matematiksel hesaplamalara dayalı renk şemaları üretir. Benzer bir mekanizma Kuler'de de kullanılıyor. Bu web aracı, Flash teknolojisinin kullanılması nedeniyle iPad veya iPhone'da çalışmayacaktır.

26. Resimli

Bu araç, görselleri yüklemenize ve görsellerde kullanılan renklerden renk şemaları oluşturmanıza olanak tanır. Proje, diğer araçları birleştirerek hem Kuler'in hem de Colourlovers'ın işlevselliğini sunuyor.

27. Kontrast-A


WCAG uyumlu renk şemaları oluşturmak için alışılmadık bir araç. Hizmet, renk körlüğünü, zayıf görmeyi ve klinik körlüğü simüle etmenize olanak tanır. Ayrıca çok yararlı kaynaklara ve talimatlara giden birçok bağlantı vardır.

28. Renkli Döndürme


Araç, Kuler'e benzer işlevsellik sunar ancak aynı zamanda renk paletlerini güzel bir şekilde görselleştirir ve aynı zamanda tek bir şemada beşten fazla renk oluşturmanıza olanak tanır. Bazı Creative Suite uygulamalarına doğrudan entegre edilebilir. Araç aynı zamanda bir iPad uygulaması olarak da mevcuttur ve renk seçici olarak görev yapabileceği Photoshop ile mükemmel entegrasyon sunar.

Makalenin çevirisi “ Renk şeması seçmek için en iyi 28 araç Güleryüzlü proje ekibi tarafından hazırlandı.

Paylaşmak