Renk Karıştırıcı

İki rengi oran kaydırıcısıyla karıştırın ve aralarındaki 11 adımlık ölçeğin tamamını tarayıcınızda görün.

Nasıl kullanılır

İki rengi seçicilerle belirleyin ya da #ffcc00 ve #0044cc gibi hex kodları yazın.
Karıştırma modunu seçin — ışık için RGB, yani ekranların karıştırdığı gibi, ya da eksiltmeli yaklaşıklık için Boya — ve oranı ayarlamak için kaydırıcıyı sürükleyin.
Inspect the blended colour: its hex and RGB values appear below, and the 11-step gradient shows every shade between the two inputs.

Bu araç hakkında

İki renk tamamen farklı iki şekilde karıştırılabilir ve bu araç ikisini de gösterir. Ekranlar ışığı karıştırır: kırmızı, yeşil ve maviyi toplarlar; kırmızı ile yeşil ışığın sarı vermesinin ve bu sayfadaki her rengin nihayetinde bir RGB üçlüsü olmasının nedeni budur. Boya tam tersi yönde karışır: her pigment üzerine düşen beyaz ışıktan dalga boyları eksiltir; "sarı artı mavi" sorusunun okuldaki yanıtının yeşil olmasının, aynı iki rengin ışık olarak karıştığında ise yeşil yerine nötr bir gri vermesinin nedeni budur. Karışan rengin beklenmedik biçimde çamurlu ya da beklenmedik biçimde soluk çıkmasının olağan nedeni, yanlış zihinsel modeli seçmektir.

RGB modu tam olarak adının söylediğini yapar: üç kanalın her birini iki renk arasında, CSS'inizin ve tasarım araçlarınızın kullandığı aynı sRGB uzayında doğrusal olarak ara değerlerle hesaplar; böylece #ff0000 ile #0000ff arasındaki %50 noktası #800080 olur. Boya modu ise önce iki rengi sanatçı renk çemberinin RYB uzayına çevirir, ara değerleri orada hesaplar ve sonucu RGB'ye geri döndürür — sarı ile mavinin yeşilde buluşmasını sağlayan bu dönüşümdür. Bu modun ne olduğu ve ne olmadığı konusunda dikkatli olun: gerçek pigment karışımı soğurma ve saçılmayla (Kubelka-Munk modeli) yönetilir ve opaklığa, tanecik boyutuna ve bağlayıcıya bağlıdır; hiçbir doğrusal formül bunu birebir üretemez. Boya modu, gerçek boyanın bir simülasyonu değil, renk çemberinin sadık bir modelidir.

Sonucun altındaki 11 adımlık ölçek çoğu zaman tek bir karışım renginden daha yararlıdır: bir renkten diğerine %10'luk artışlarla giden tam rampayı verir; degrade durakları, iki marka rengi arasındaki ara durumlar ya da sıralı bir grafik paletinin adımları olarak kullanıma hazırdır. Hex kodunu kopyalamak için herhangi bir örneğe tıklayın. Her şey — dönüşümler, ara değerler ve ölçeğin tamamı — tarayıcınızda %100 saf JavaScript ile hesaplanır; yazdığınız hiçbir renk hiçbir yere gönderilmez.

Sık sorulan sorular

RGB ile Boya modu arasındaki fark nedir?

RGB, ışığı bir ekran gibi eklemeli karıştırır ve her kanalı doğrudan ara değerlerle hesaplar; Boya ise eksiltmeli karışımı RYB sanatçı çemberi üzerinden yaklaşık olarak taklit eder. Klasik test sarı artı mavidir: RGB nötr bir gri verir, Boya yeşil verir.

Boya modu paletimde olacakla örtüşür mü?

Kabaca, ama birebir değil. Gerçek pigmentler ışık soğurması ve saçılmasıyla karışır; sonuç opaklığa, pigment yoğunluğuna ve bağlayıcıya bağlıdır — hiçbir doğrusal formül bunu birebir üretemez. Boya modunu bir boya simülatörü olarak değil, tasarım kararlarında işe yarayan renk çemberi yanıtı olarak görün.

Oran kaydırıcısı tam olarak neyi ayarlar?

Karışıma her renkten ne kadar gireceğini belirler: %30'da sonuç %70 A rengi ve %30 B rengidir. %0 ve %100'de iki orijinal rengi olduğu gibi geri alırsınız.

11 adımlık ölçek ne işe yarar?

İki renk arasındaki tam rampadır, %10'luk adımlarla — degrade durakları, üzerine gelme ve etkin durumları, grafik paletleri ya da tutarlı ara renklere ihtiyaç duyduğunuz her yer için elverişlidir. Bir adıma tıklamak hex kodunu kopyalar.

Renklerim tarayıcımdan çıkıyor mu?

Hayır. Karıştırma tamamen cihazınızda JavaScript ile çalışır — yazdığınız hex kodları hiçbir sunucuya yüklenmez, kayda geçmez veya saklanmaz.

misturador de cores mistura de cores cores hex rgb ryb paleta gradiente tinta design seletor de cor web design

İlgili araçlar

Renk Dönüştürücü Bir rengi HEX, RGB, HSL, HSV ve CMYK arasında canlı çift yönlü eşitlemeyle tarayıcınızda dönüştürün. Açık ve Koyu Ton Üreteci Tek bir rengi eksiksiz açık ton, koyu ton ve kırık ton ölçeklerine dönüştürün ve tarayıcınızda CSS değişkeni olarak dışa aktarın. WCAG Kontrast Denetleyici İki renk arasındaki kontrast oranını ölçün ve WCAG AA ile AAA'yı geçip geçmediğini tarayıcınızda anında görün. Görselden Renk Seçici Bir görsel yükleyin ve herhangi bir piksele tıklayarak tam HEX, RGB ve HSL değerini alın — tamamı cihazınızda işlenir. Image Palette Extractor Bir görüntü yükleyin ve baskın renklerini çıkarın — hex kodunu kopyalamak için herhangi bir renk örneğine tıklayın. CSS Gradient Generator Doğrusal ve radyal CSS gradyanlarını görsel olarak tasarlayın, renkleri ve açıyı ayarlayın ve CSS'yi kopyalayın.

Uzun bağlantılar mı? Ücretsiz kısaltın

Vai.la, herhangi bir URL'yi tıklama istatistikleri, QR Code ve kendi biolink'inizle birlikte kısa bir bağlantıya dönüştürür.

Bağlantı kısalt Ücretsiz hesap oluşturun

Vai.la, araçların nasıl kullanıldığından veya sonuçlarına dayanarak alınan kararlardan sorumlu değildir.