Skip to main content

Renk Karıştırıcı Ayarlabilir oran ile iki rengi birleştirin ve tam gradientı görün.

Renk Karıştırıcı illustration
🎨

Renk Karıştırıcı

Ayarlabilir oran ile iki rengi birleştirin ve tam gradientı görün.

1

İki Renk Seçin

Karıştırmak istediğiniz iki rengi seçin.

2

Oran Ayarla

Karma oranı kontrol etmek için kaydırıcıyı kullanın (0-100%).

3

Sonucu Kopyala

Karıştırılmış HEX rengini kopyalayın.

Loading tool...

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

  • 1
    50%'lik bir karışım, iki renk arasındaki tam görsel orta noktayı verir
  • 2
    Tamamlayıcı renkleri karıştırma deneyin - orta nokta genellikle ilginç bir nötr gri renktir
  • 3
    Gradient şeridini, karışımın en iyi göründüğü oranı bulmak için kullanın, sadece %50 değil
  • 4
    Beyaz (tonlama) veya siyah (gölgeleme) ile çeşitli oranlarda karıştırma, pürüzsüz ölçekler oluşturur
  • 5
    RGB karıştırması, beklenen davranış için mat ara noktalar üretebilir

Related Tools

Frequently Asked Questions

Q Renk karıştırması nasıl hesaplanır?
Renkler RGB uzayında lineer interpolasyon kullanılarak karıştırılır. Her kanal (R, G, B) bağımsız olarak karıştırılır: sonuç = kanal1 × (1-oran) + kanal2 × oran.
Q Kırmızı ve yeşili karıştırdığımızda neden kahverengi yerine sarı olmaz?
RGB lineer interpolasyonunda, yol mat ara değerlerden geçer. Gerçek sarı, renk uzayındaki farklı bir konumdadır. Renk tekerleği farkında karıştırma için HSL interpolasyonunu kullanın.
Q Bu ekleyici mi yoksa çıkarıcı mı karıştırma?
Bu, ekranların renkleri nasıl göstereceğine uygun olarak RGB uzayındaki ekleyici (ışık tabanlı) karıştırmadır. Boya gibi çıkarıcı karıştırma farklı sonuçlar üretecektir (örneğin, mavi + sarı = boya için yeşil, RGB için gri).

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.