Renk Karıştırıcı Ayarlabilir oran ile iki rengi birleştirin ve tam gradientı görün.
Renk Karıştırıcı
Ayarlabilir oran ile iki rengi birleştirin ve tam gradientı görün.
İki Renk Seçin
Karıştırmak istediğiniz iki rengi seçin.
Oran Ayarla
Karma oranı kontrol etmek için kaydırıcıyı kullanın (0-100%).
Sonucu Kopyala
Karıştırılmış HEX rengini kopyalayın.
What Is Renk Karıştırıcı?
Bir renk karıştırıcı, iki rengi herhangi bir oranla birleştirir ve tam olarak oluşan resulting rengi, ayrıca tüm karışım aralığının 11 adımlı gradyanını gösterir. Doğrusal RGB enterpolasyonu, mixed color üretir ve bu da boya renklerini karıştırma veya CSS renk geçişleri oluşturma etkisini taklit eder. Oran kaydırıcı, birinci rengin %100'ünden ikinci rengin %100'üne düzgün bir şekilde geçmenize olanak tanır. Araç, hem büyük ön izlemede mixed sonucu hem de bağlam için tam gradyan şeridini gösterir. Renk karıştırma, gradientler için ara renkler oluşturmak, tasarım sistemleri için orta noktaları bulmak, animasyonlar için geçiş renkleri üretmek ve iki marka renginin üst üste bindiğinde nasıl etkileşime girdiğini anlamak için önemlidir.
Why Use Renk Karıştırıcı?
-
0% ile 100% arasında pürüzsüz oran kaydırıcısı için kesin karıştırma
-
Karıştırılmış sonucun büyük önizleme örnekleri
-
11 adımlı tam gradient, karışımın tüm aralığını gösterir
-
HEX ve RGB girişleri ve kopyalama düğmeleri ile birlikte
-
İki rengin nasıl birleştiğini anında görün
Common Use Cases
Orta Noktaları Bulma
Pürüzsüz geçişler için iki marka rengi arasındaki tam orta nokta rengini bulun.
Gradient Tasarımı
İki rengin gradientte nasıl birleşeceğini CSS'de uygulamadan önce önizleyin.
Renk Geçişleri
Animasyon adımları arasındaki iki renk durumu arasında ara renkler oluşturun.
Palet Genişletme
Mevcut palet renklerini çeşitli oranlarda karıştırarak yeni renkler oluşturun.
Technical Guide
Karıştırıcı, RGB renk uzayında doğrusal enterpolasyonu (lerp) gerçekleştirir: sonuç = renk1 × (1 - t) + renk2 × t, burada t karıştırma oranı 0 ile 1 arasındadır. Her kanal (K, Y, M) bağımsız olarak enterpole edilir. Bu, en basit karışım yöntemidir ve CSS geçişlerinin renkler arasında nasıl enterpole edildiğini eşleştirir. Daha gelişmiş karışım yöntemleri vardır (algısal Lab uzayı, oklab), ancak doğrusal RGB en yaygın kullanılan ve tarayıcı işlemleriyle tutarlı olandır. 11 adımlı gradyan, tüm enterpolasyon aralığını %10'ar间larda görselleştirir. Ayrıca, RGB doğrusal enterpolasyonu slightly desaturated orta noktalar üretebilir - örneğin, saf kırmızı ve saf yeşili karıştırma, %50'de parlak sarı yerine kahverengi-sarı bir renk üretir. Bunun nedeni, RGB enterpolasyonunun renk tekerleğini takip etmemesidir.
Tips & Best Practices
-
150%'lik bir karışım, iki renk arasındaki tam görsel orta noktayı verir
-
2Tamamlayıcı renkleri karıştırma deneyin - orta nokta genellikle ilginç bir nötr gri renktir
-
3Gradient şeridini, karışımın en iyi göründüğü oranı bulmak için kullanın, sadece %50 değil
-
4Beyaz (tonlama) veya siyah (gölgeleme) ile çeşitli oranlarda karıştırma, pürüzsüz ölçekler oluşturur
-
5RGB karıştırması, beklenen davranış için mat ara noktalar üretebilir
Related Tools
Renk Seçici
HEX, RGB, HSL ve CMYK çıktıları ile etkileşimli renk seçici.
🎨 Color Tools
Tek Tonlu Palet Oluşturucu
Herhangi bir temel rengiden tek tonlu bir renk paleti oluşturun.
🎨 Color Tools
Doğrusal Gradyan Oluşturucu
Özel renkler, açı ve renk durakları ile CSS doğrusal gradyanlar oluşturun.
🎨 Color Tools
Renk Tonu Jeneratörü
Ayarlabilir adım sayısı ile herhangi bir rengin daha koyu tonlarını oluşturun.
🎨 Color Tools
Renk Tonu Jeneratörü
Ayarlabilir adım sayısı ile herhangi bir rengin daha açık tonlarını üretin.
🎨 Color ToolsFrequently Asked Questions
Q Renk karıştırması nasıl hesaplanır?
Q Kırmızı ve yeşili karıştırdığımızda neden kahverengi yerine sarı olmaz?
Q Bu ekleyici mi yoksa çıkarıcı mı karıştırma?
About This Tool
Renk Karıştırıcı is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.