Renk Karıştırıcı

Tüm araçlar

Bir başlangıç rengini bitiş rengine 10 adıma kadar harmanlayın — degradeyi önizleyin, her tonu alın ve herhangi bir biçimi anında kopyalayın.

Başlangıç rengi
Bitiş rengi
Adımlar
Oluşturulacak ara ton sayısı (1–10).
Harmanlama modu
Degrade
Karışık palet

İki renk ve adım sayısı seçin — aradaki her ton tarayıcınızda anında hesaplanır.

Renk Karıştırıcı Hakkında

Color Mixer, iki rengi birbirine karıştırır ve aradaki her adımı gösterir. Bir başlangıç rengi ve bir bitiş rengi seçin, kaç ara ton istediğinizi belirleyin — en fazla on tane — ve araç, hem tek tek renk örnekleri hem de yumuşak bir gradyan önizlemesi olarak tüm geçişi anında hesaplar.

Karışımın nasıl hesaplandığını iki karıştırma modu kontrol eder. RGB her kanalı düz bir çizgi üzerinde enterpole eder ki bu öngörülebilir ve nötrdür; HSL ise renk çemberi etrafında dolaşarak ara adımları daha doygun ve canlı tutar. İki uç noktayı değiştirmek veya rastgele renkler çevirmek tek tıkla yapılır.

Tüm karıştırma işlemi sunucu olmadan tarayıcınızda gerçekleşir. "Mavi ile turuncu arasındaki renk nedir" gibi soruları yanıtlamanın, grafikler için kademeli renk rampaları oluşturmanın veya iki marka rengi arasında bir CSS gradyanı almanın kullanışlı bir yoludur.

Renk Karıştırıcı Nasıl Kullanılır

  1. Seçicilerle bir başlangıç rengi ve bir bitiş rengi seçin veya "Rastgele renkler"e tıklayın.
  2. Ara adım sayısını 1 ile 10 arasında ayarlayın.
  3. Karıştırma modunu seçin: doğrusal bir karışım için RGB veya tonu koruyan bir karışım için HSL.
  4. Kopyalamak için herhangi bir tona tıklayın veya tüm rampa için "Tümünü kopyala"yı kullanın.
  5. Geçişi kopyala-yapıştıra hazır bir gradyan olarak almak için "CSS gradyanını kopyala"yı kullanın.

Sıkça sorulan sorular

Evet. Renkleri karıştırmak ücretsiz ve sınırsızdır — araç herhangi bir hesap, kredi veya sunucu işlemesi olmadan tamamen tarayıcınızda çalışır.

RGB karıştırma kırmızı, yeşil ve mavi kanalları doğrudan enterpole eder; bu, zıt tonları karıştırırken gri tondan geçebilir. HSL karıştırma ise bunun yerine renk çemberi etrafında döner, böylece ara adımlar doygunluklarını korur ve daha renkli görünür.

Adım sayısını 1 olarak ayarlayın. Tek ara ton, karışımın orta noktasıdır. İki rengin sayısal ortalaması için RGB modunu, ton çemberi boyunca algısal orta nokta için HSL modunu kullanın.

Evet — iki uç renk arasındaki kademeli bir karışım, grafikler ve ısı haritaları için sıralı renk skalalarının tam olarak nasıl oluşturulduğudur. Adımları oluşturun, "Tümünü kopyala"ya tıklayın ve değerleri grafik kütüphanenizin renk dizisine yapıştırın.

1 ile 10 arasında ara ton üretebilirsiniz; bu, başlangıç ve bitiş renkleriyle birlikte size toplam 12 renk örneği kadar verir. Her biri tercih ettiğiniz formatta ayrı ayrı kopyalanabilir.
Paylaş
İlgili Araçlar
Renk Paleti Oluşturucu Etkileşimli renk tekerleğinden uyumlu renk paletleri oluşturun — analogous, complementary veya triad gibi uyum kuralları uygulayın, ardından herhangi bir değeri anında kopyalayın. Ücretsiz
Renk Tonları Oluşturucu Tek bir renkten ton ve gölgelerin tam aralığını oluşturun — koyulaştırma/açma adımınızı ve ton sayısını seçin, ardından herhangi bir değeri anında kopyalayın. Ücretsiz
Degrade Oluşturucu Sürüklenebilir çok duraklı kontrol ve seçilmiş ön ayarlarla sıfırdan lineer, radyal ve konik CSS degradeleri oluşturun. Yapıştırmaya hazır CSS'yi anında kopyalayın. Ücretsiz
Görüntüden Renk Çıkarıcı Herhangi bir görüntüden rafine, kopyalamaya hazır renk paleti çıkarın. Ücretsiz
Web Güvenli Renk Paleti Klasik 216 web güvenli rengi tıklanabilir bir renk kartı ızgarası olarak inceleyin — renk tonuna veya küp sırasına göre sıralayın, hex değerine göre filtreleyin ve herhangi bir HEX veya rgb() değerini anında kopyalayın. Ücretsiz
Yazı Tipi Eşleştirme ve Google Fonts Dizini Popüler Google Fonts yazı tiplerinden oluşan özenle seçilmiş bir dizini canlı önizlemelerle inceleyin, kategoriye göre filtreleyin ve ada göre arayın, ardından yapıştırmaya hazır CSS'yi kopyalayın ve önerilen yazı tipi eşleşmelerini keşfedin — tümü tarayıcınızda. Ücretsiz
Popüler aramalar
renk karıştırıcı iki rengi karıştır online renk karıştırma renk karışım adımları renkler arası gradyan renk karıştırma aracı
Yardıma mı ihtiyacınız var?
Bu araçta bir sorun mu buldunuz? Ekibimize bildirin.
Sorun bildir

Bu ücretsiz aracı kendi web sitenize ekleyin — aşağıdaki kodu kopyalayıp yapıştırın.