Renk Paleti Oluşturma: araçlar ve uygulamalar

Uyumlu renk paletleri ve gradyanlar oluşturmak, bir görselden renk çıkarmak ve metin ile arka plan arasındaki kontrastı kontrol etmek için araçlar. Önce paleti nerede kullanacağını belirle: ekran, baskı veya marka kılavuzu farklı renk değerleri ister.

5 uygulamaKaynağı belli bilgiler

Filtreler

Bilmen gereken: Ücretsiz kullanım koşulları araca ve plana göre değişir. Kartta ürüne özgü bir sınır yazmıyorsa kota, filigran ve dışa aktarma koşullarını resmî sayfadan kontrol et.

Coolors

Web sitesi·Tasarım ve Geliştirme
Ücretsiz seçenek

Coolors, tek tuşla renk paleti üreten; görselden renk çıkarma, kontrast denetimi ve gradyan araçları ile paylaşılan paletleri gezme özelliği sunan bir renk paleti oluşturucudur.

Neden uygun?

Renk Paleti Oluşturma

Adobe Color

Web sitesi·Tasarım ve Geliştirme
Plan koşullarını kontrol et

Adobe Color, renk çarkıyla uyum kurallarına göre palet oluşturan, görselden palet ve gradyan çıkaran, kontrast denetimi ve renk körlüğü benzetimi sunan Adobe aracıdır.

Neden uygun?

Renk Paleti Oluşturma

Color Hunt

Web sitesi·Tasarım ve Geliştirme
Plan koşullarını kontrol et

Color Hunt, tasarımcılar ve sanatçılar için hazır renk paletlerini renge, ruh haline veya temaya göre gezip yeni, popüler ya da rastgele sıralayabileceğin bir palet gezginidir.

Neden uygun?

Renk Paleti Oluşturma

Leonardo Color

Web sitesi·Tasarım ve Geliştirme
Plan koşullarını kontrol et

Leonardo, hedef kontrast oranına göre renk ölçekleri ve uyarlanabilir temalar üreten, erişilebilirliği baştan düşünen açık kaynaklı bir Adobe renk aracıdır.

Neden uygun?

Renk Paleti Oluşturma

Adobe Express

Web sitesi·Görsel
Plan koşullarını kontrol et

Adobe Express, fotoğraftaki nesneyi kaldırıp görseli sosyal paylaşım tasarımında kullanmak için değerlendirilebilir.

Neden uygun?

Renk Paleti Oluşturma

Seçerken nelere bakmalı?

Paleti gerçek bir ekran tasarımında dene: başlık, gövde metni, düğme ve uyarı renklerini yerleştirip açık ve koyu temada bak. Renk körlüğü simülasyonu sunan araçlarda paletin ayırt edilebilir kalıp kalmadığını kontrol et.

Dışa aktarma biçimlerini (HEX, RGB, HSL, CSS değişkenleri veya tasarım uygulamalarına özel dosyalar) ve kayıt için hesap gerekip gerekmediğini resmi sayfada doğrula. Baskı için CMYK veya özel mürekkep değerleri gerekiyorsa, ekran renginden yapılan dönüşümün yaklaşık olduğunu unutma.

Metin rengi yeterince okunur mu, nasıl anlarım? WCAG 2 yönergeleri normal metin için en az 4,5:1, büyük metin için 3:1 kontrast oranı önerir. Kontrast denetleyicisine metin ve arka plan rengini gir; oran sınırın altındaysa birini koyulaştır veya aç.

Bir fotoğraftan palet çıkarmak yeterli mi? Fotoğraftaki baskın renkler iyi bir başlangıçtır, ancak arayüzde metin ve düğmeler için yeterli kontrast vermeyebilir. Çıkan renkleri vurgu olarak kullan ve okunabilirlik için nötr tonlar ekle.

Doğrulanmış özellikleri karşılaştır

Bu karşılaştırma yayımlanmış resmî belgelerin incelenmesine dayanır. Uygulamaları birebir test ettiğimiz veya kalite sıralaması yaptığımız anlamına gelmez. Bilinmeyen özellikler doğrulanmış sayılmaz.

Doğrulanmış özellikleri karşılaştır
Uygulamanın adıNerede kullanacaksın?Ücretsiz çıktıÜyelik gerektirmesinFiligransızİnternetsiz çalışsınToplu işlemİçerik diliBilmen gereken / Kaynaklar ve kontrol tarihi
CoolorsWeb sitesiVarVarDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadı

Not 1Not 2

Kaynaklar ve kontrol tarihi
Adobe ColorWeb sitesiDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadı

Not 1Not 2

Kaynaklar ve kontrol tarihi
Color HuntWeb sitesiDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadı

Not 2

Kaynaklar ve kontrol tarihi
Leonardo ColorWeb sitesiDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadı

Not 2

Kaynaklar ve kontrol tarihi
Adobe ExpressWeb sitesiDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadıDoğrulanmadı

Not 1Not 2

Kaynaklar ve kontrol tarihi

Birden çok araç için geçerli notlar

  1. Her aracın planı ayrı değerlendirilmeli; bir özelliğin sınırı diğerine taşınmaz.
  2. Güncel kota ve çıktı koşullarını resmî sayfadan kontrol et.