Renk Karıştırıcı

Bu araç ne işe yarar?

Color Mixer, iki rengi harmanlayıp aralarındaki ara HEX tonlarından oluşan bir palet üretir. Başlangıç ve bitiş renklerini seçersiniz, araç ikisi arasında eşit aralıklı geçiş renklerini hesaplar. Geçişler, degradeler ve uyumlu renk skalaları oluşturan tasarımcılar ve geliştiriciler için biçilmiş kaftandır.

Nasıl kullanılır?

Değerleri ve seçenekleri ayarlayın.
Canlı önizlemede sonucu görün.
Üretilen CSS/kodu projenize kopyalayın.

Nasıl çalışır?

İki rengin RGB bileşenleri arasında doğrusal enterpolasyon yapılır ve istediğiniz adım sayısına göre ara değerler hesaplanır. Örneğin #FF0000 ile #0000FF arasında beş adım seçerseniz, kırmızıdan maviye giden mor tonları elde edersiniz. Her ton HEX olarak verilir, böylece doğrudan kopyalayıp kullanabilirsiniz.

Yaygın kullanım alanları

Marka renginden ikinci bir renge yumuşak degrade oluşturmak, veri görselleştirmede sıralı renk skalaları üretmek ve hover ile aktif durumları için ara tonlar bulmak için kullanılır. Ayrıca iki rastgele rengin görsel olarak nasıl birleştiğini hızlıca görmek için harika bir keşif aracıdır.

Sıkça sorulan sorular

Renkler RGB üzerinden mi yoksa HSL üzerinden mi karıştırılıyor?

Karışım RGB bileşenleri üzerinden doğrusal olarak yapılır; bu, CSS degradelerinin davranışına en yakın sonucu verir. Bazı orta tonlar HSL karışımına göre biraz daha donuk görünebilir, bu beklenen bir durumdur.

Kaç ara ton üretebilirim?

Adım sayısını ihtiyacınıza göre ayarlayabilirsiniz; az adım net duraklar, çok adım ise neredeyse kesintisiz bir degrade verir. Tipik bir palet için 5 ila 10 ton genellikle yeterlidir.