Renk Karıştırıcı
İki HEX rengi seçtiğiniz oranda RGB veya Lab renk uzayında harmanlayın ve ortaya çıkan ara rengi örnek ve kopyalanabilir HEX değeri olarak okuyun.
Renk Karıştırıcı — İki rengi HEX olarak yapıştırın, oran kaydırıcısıyla B renginden ne kadar karıştırılacağını belirleyin ve düz RGB'de mi yoksa algısal Lab uzayında mı harmanlanacağını seçin — sonuç anında bir önizleme örneği ve kopyalanabilir HEX değeri olarak görünür. Beklenecek hazır ayar ya da basılacak düğme yoktur; karışım siz yazdıkça veya sürükledikçe yeniden hesaplanır. Her şey tamamen tarayıcınızda çalışır, böylece renkleriniz cihazınızdan asla ayrılmaz.
Renk Karıştırıcı nedir?
Renk Karıştırıcı, iki renk arasında ara değer hesaplayıp size aradaki rengi veren ücretsiz bir çevrimiçi araçtır. A Rengi ve B Rengini HEX olarak girersiniz (#rrggbb veya kısa #rgb biçimi çalışır), oran denetimini %0'dan (tamamen A Rengi) %100'e (tamamen B Rengi) hareket ettirir ve renk uzayını seçersiniz: RGB ham kanalları doğrudan karıştırır, Lab ise algısal bir uzayda karıştırarak orta noktanın genellikle daha doğal görünmesini sağlar ve bulanık grilerden kaçınır. Tasarımcılar, ön uç geliştiricileri ve illüstratörler bunu iki marka rengi arasında bir orta ton bulmak, yumuşak iki renkli geçişler oluşturmak, hover veya kenarlık tonları türetmek ya da iki boyanın veya geçiş durağının ortada nasıl buluşacağını önizlemek için kullanır. Sonuç, tek tıkla kopyalayabileceğiniz salt okunur bir HEX alanının üzerinde büyük bir örnek olarak gösterilir.
Renk Karıştırıcı nasıl kullanılır
- İlk renginizi A Rengi (HEX) alanına, ikincisini B Rengi (HEX) alanına #rrggbb veya #rgb biçiminde yazın ya da yapıştırın.
- B Renginden ne kadar karıştırılacağını ayarlamak için Oran kaydırıcısını sürükleyin (veya bir sayı yazın): %0 A Rengini, %100 B Rengini, %50 ise tam orta noktayı verir.
- RGB / Lab anahtarıyla harmanlama uzayını seçin — algısal olarak daha eşit bir karışım için Lab'i, kanal kanal birebir ortalama için RGB'yi seçin.
- Önizleme örneğinin canlı olarak güncellendiğini izleyin ve altındaki karışık rengin HEX değerini okuyun.
- Karışık HEX'i panonuza kopyalamak için sonucun yanındaki kopyala düğmesine tıklayın.
Örnekler
Kırmızı ve mavinin eşit RGB orta noktası
Girdi
A #ff0000, B #0000ff, oran 50%, RGB
Çıktı
#800080
Çoğunlukla beyaza doğru
Girdi
A #4f86f7, B #ffffff, oran 75%, RGB
Çıktı
#d3e1fd
İki doygun ton üzerinde Lab ile RGB karşılaştırması
#00a000 ile #d000d0 rengini %50 oranında karıştırın. RGB'de donuk bir karışım tonu elde edersiniz, oysa Lab'e geçmek iki ton arasında gözün beklediğine daha iyi uyan bir orta nokta üretir — ortada bulanıklaşmaması gereken iki renkli geçişler için kullanışlıdır.
Sıkça sorulan sorular
- RGB ve Lab seçenekleri arasındaki fark nedir?
- RGB; kırmızı, yeşil ve mavi kanalları bağımsız olarak harmanlar; bu hızlıdır ve CSS'in renkleri ortalamasıyla tam uyuşur, ancak uzak tonlarda donuk gri tonlara kayabilir. Lab her iki rengi algısal CIELAB uzayına dönüştürür, orada ara değer hesaplar ve geri dönüştürür; bu da orta noktayı genellikle daha parlak ve gözün beklediğine daha yakın tutar. İkisi de bir #rrggbb sonucu üretir.
- Oran denetimi ne anlama gelir?
- Oran, karışımda ne kadar B Rengi olduğudur. %0'da sonuç A Rengine, %100'de B Rengine eşittir ve %50'de ikisi arasındaki tam orta noktadır. Kaydırıcıyı sürükleyebilir veya kesin bir yüzde yazabilirsiniz.
- Hangi renk biçimlerini girebilirim?
- Her iki giriş de #rrggbb (altı basamak) veya #rgb (üç basamaklı kısaltma) biçiminde HEX kabul eder. Değerlerden biri geçerli bir HEX rengi değilse bir hata mesajı görünür ve ikisi de geçerli olana kadar hiçbir karışım gösterilmez. Çıktı her zaman bir #rrggbb HEX değeridir.
- Karışık rengi bir çalışma alanı zincirinde kullanabilir miyim?
- Evet. Sonuç bir çıkış portu olarak sunulur, böylece bir deftdeck çalışma alanında karışık HEX'i doğrudan başka bir araca bağlayabilirsiniz ve bir rengi, oranı veya renk uzayını değiştirdiğinizde otomatik olarak güncellenir.
- Renklerim herhangi bir yere gönderiliyor mu?
- Hayır. Tüm karıştırma hesaplamaları tarayıcınızda yerel olarak çalışır, bu yüzden renk değerleriniz hiçbir zaman bir sunucuya yüklenmez. Araç çevrimdışı çalışır ve paletinizi gizli tutar.
İlgili araçlar
Koddan Görsele
Bir kod parçacığını tarayıcınızda, tema, gradyan veya saydam arka plan ve dolgu seçenekleriyle şık, söz dizimi vurgulu bir PNG kartına dönüştürün — yükleme yok.
Renk Kontrastı Denetleyici
Bir ön plan ve arka plan HEX rengi arasındaki WCAG kontrast oranını denetleyin ve normal ile büyük metin için AA ve AAA'yı geçip geçmediğini görün.
Renk Tonu Üretici
Tek bir temel HEX rengini, beyaza ve siyaha doğru karıştırarak Tailwind tarzı 50-950 ton ölçeğine dönüştürün; her adımda bir renk örneği ve kopyalanabilir HEX değeri.
Renk Körlüğü Simülatörü
Bir görsel yükleyin ve protanopi, döteranopi, tritanopi veya tam renk körlüğünde nasıl göründüğünü önizleyin, ardından simüle edilmiş sonucu indirin.