Siteler için renk paleti seçmek, bir tasarımcı için en zor adımlardan biridir.

Ancak, doğru kombinasyonu seçmek için renk teorisi uzmanı olmanıza gerek yok. İşte hem web tasarımcıları hem de yeni başlayanlar için faydalı olacak 14 araç.

1- HueSnap

İlham her an bize yetişebilir. HueSnap aracı, gerçek hayatta bizi çevreleyen ilginç renk kombinasyonlarını yakalamanıza olanak tanır. Bir otel odasının veya akşam parkının dekoru, bir sonraki sitenin renk şeması için alışılmadık çözümler önerebilir. Sadece bir fotoğraf çekin ve HueSnap ile bir palet oluşturun.

Bu uygulama yalnızca mobil cihazlar içindir, ancak oluşturulan paletleri kaydedebilir ve başkalarıyla paylaşabilirsiniz. Ayrıca, ek ve bileşen renklerini seçme seçenekleri gibi birçok ek özelliği de kapsar.

2- Khroma

Bu, tercihlerinize göre ayarlanan yapay zekaya dayalı bir renk paleti üreticisidir. Önce 50 favori rengi seçmeniz gerekiyor ve ardından algoritmanın kendisi başka kombinasyonlar sunacak.

3- Coolors.co

Coolors, paletleri özelleştirmek için çok çeşitli araçlar sunar. Ayrıca, sonuç çeşitli formatlarda dışa aktarılabilir. Coolors ayrıca diğer kullanıcıların çalışmalarından ilham almanızı sağlar. “Gözat” bölümünde, görüntüleyebileceğiniz, kaydedebileceğiniz ve düzenleyebileceğiniz birçok hazır renk seçimi bulabilirsiniz.

Coolors, masaüstü bilgisayarlar, iOS cihazları için kullanılabilir. Ayrıca bu araç, Adobe uygulamalarına (PhotoShop, Illustrator, InDesign) ve hatta Google Chrome tarayıcısına bir uzantı olarak eklenebilir.

4- Adobe Color CC

Bu araç, renk seçimlerini seçmek için en iyilerden biri olarak kabul edilir. Sadece kendi planlarınızı yaratmanıza değil, aynı zamanda başkalarının çalışmalarından ilham almanıza da izin verir. Bir palet oluşturmak için tekerlekte (veya görüntüde) bir gölge seçmeniz ve renk uyumu kurallarını uygulamanız gerekir. Örneğin, seçtiğiniz rengin sıralı, tek renkli veya tonları.

Son zamanlarda, araç yeni bir özellik ekledi. Seçilen renklerin renk körlüğü olan kişiler için uygun olup olmadığını ve metin için arka plan olarak kullanılıp kullanılamayacağını size söyleyecektir.

5- Colordot  renkli nokta

Colordot by Hailpixel, bir renk paleti oluşturmak için ücretsiz bir çevrimiçi araçtır.
Aşağıdakilere tıklayarak yönetilir:

bir renk tonu bul – imleci ileri geri hareket ettirin,
ışığı ayarlayın – imleci yukarı ve aşağı hareket ettirin,
doygunluğu ayarlayın – fare tekerleğini çevirin,
palete rengi kaydet – seçilen gölgeye tıklayın.

Switch ikonuna tıklarsanız her bir tonun RGB ve HSL değerlerini görebileceksiniz. Ve iOS cihazlara yönelik mobil uygulama, kamera ile renkleri yakalamanıza olanak tanır.

6- Eggradients yumurta sarısı

Bu araç, profesyonel tasarımcılar tarafından seçilen çeşitli degrade fikirleri sunar. Her örneğin oldukça komik bir adı var. Örneğin, “kalbi kırık Wozniak” ve “vergisiz gelir”.

7- 147 Colors

Rahat ve okunabilir bir CSS kodu oluşturmak için bazen standart renkleri ve adlarını kullanmak daha iyidir. 147 Renk aracı, doğru olanı seçebilmeniz için tüm CSS renklerini tek bir yerde topladı. 17 standart ve 130 ek renk tonu içerir. Ayrıca sonuçları renge göre filtreleyebilir veya renk tekerleği ile seçebilirsiniz.

8- Canva renk paleti oluşturucu

Bu araç, belirli bir görüntüye dayalı bir renk paleti oluşturmak için idealdir. Canva’nın kullanımı çok kolaydır: Bir resim yüklersiniz ve oluşturucu içerdiği beş temel renkten bir seçim oluşturur. Renk kodunu panoya kopyalamak için favori tonlarınıza tıklayın. El ile bir palet oluşturmak için renk tekerleğini de kullanabilirsiniz. Ne yazık ki bu araç, oluşturulan örneğin renklerini özelleştirmenize izin vermiyor.

9- Malzeme Tasarım Paleti

Bu basit araçla, daha sonra tam bir renk paletine dönüştürülen iki renk seçebilirsiniz.

10- ColourCode – Renk kodu

ColourCode, Colordot’a biraz benzer, ancak daha faydalı ipuçları içerir. Ayrıca farklı palet kategorileri (analoglar, triad, monokrom vb.) seçmenize de olanak tanır.

ColourCode ile orijinal bir kombinasyon oluşturmak için renk tekerleğinde çeşitli parametreler ayarlayabilirsiniz. Bitmiş renk seçimi kaydedilebilir veya SCSS, LESS veya PNG formatında dışa aktarılabilir.

11- Color Calculator Renk Hesaplayıcı

Bu oldukça basit bir araçtır – sadece renk uyumunun gölgesini ve parametrelerini seçin, program önerilen renk şemasını seçecektir. Bu site ayrıca teori hakkında faydalı bilgiler sağlar.

12- HTML Color Code HTML Renk Kodu

HTML Renk Kodları, birçok yorum paleti, renk şeması, Google Material Design diyagramları, klasik güvenli renk paletleri ve standart HTML renk ve kod adlarının bir listesini içeren geniş bir ücretsiz araçlar setidir.

Ayrıca sitede web tasarımcıları için öğreticiler ve diğer kaynakları da bulabilirsiniz. Sonuç HEX, HTML, CSS ve SCSS kodu olarak dışa aktarılabilir.

13- W3Schools: Colors Tutorial Renkler Eğitimi

Bir renk kılavuzu ve çeşitli araçlar içeren evrensel bir çözüm arıyorsanız, W3Schools: Renk Eğitimi mükemmel bir seçimdir. Bununla sadece renk teorisi, renk çemberleri ve gölgeler hakkında daha fazla bilgi edinmekle kalmayacak, aynı zamanda Renk Dönüştürücü gibi çeşitli araçları da kullanabileceksiniz. Herhangi bir tonu HEX, RGB, HSL, HWB ve CMYK koduna dönüştürmenize olanak tanır.

14- Dijital kolorimetre (Mac)

Standart bir MacO aracı olan dijital renk ölçer ile, ekranın herhangi bir yerinden bir tonu “yakalayabilir” ve ardından bu rengin değerini ondalık, onaltılık veya yüzde olarak alabilirsiniz. Ayrıca seçilen rengi metin veya resim olarak kopyalamanıza olanak tanır.

URFA HABER