Renk karıştırıcı
İki rengi OKLab, OKLCH veya sRGB’de istediğiniz oranda karıştırın. Sonucu ya da hazır bir color-mix() ifadesini kopyalayın.
- HEX
- RGB
- OKLCH
Yedekli CSS
color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);Birinciden ikinciye adımlar
Her uzayda aynı karışım
sRGB ortada grileşir ve koyulaşır. OKLab parlaklığı dengeli tutar. OKLCH ve HSL doygunluğu korur ama renk çemberinde dolaşır.
Sorular ve yanıtlar
CSS’te color-mix() nedir?
color-mix(), iki rengi seçtiğiniz bir renk uzayında karıştıran bir CSS fonksiyonudur, örneğin color-mix(in oklab, #ff5733, #3b82f6 30%). Tüm güncel tarayıcılarda çalışır. Eski tarayıcılar için, yukarıdaki kod parçasında olduğu gibi, önüne yedek olarak düz bir renk yazın.
Hangi renk uzayında karıştırmalıyım?
En güvenli varsayılan OKLab’dir: orta nokta parlaklığını korur ve çamur rengine dönmez. OKLCH renkleri doygun tutar ama ton çemberinde en kısa yoldan gider, bu yüzden kırmızıdan maviye geçerken mor ve pembeden geçer. sRGB eski araçların karıştırma şeklidir ve orta noktası çoğu zaman gri ve koyu görünür.
Işığı karıştırmak neden boya karıştırmaktan farklı?
Ekranlar ışık ekler, bu yüzden bu araç ışık değerlerinin ortalamasını alır: mavi ile sarı yeşil değil, gri ya da soluk bir renk verir. Boya ise ışığı çıkarır, aynı karışımın kâğıtta yeşil görünmesinin nedeni budur. Boyanın sonucunu tahmin etmek için ekran renk uzayı yerine bir boya karıştırma modeli kullanın.