Renk Karıştırıcı (sRGB ve OKLab)

İki rengi sRGB ve OKLab uzaylarında yan yana karıştırın, hex rampası alın.

Ücretsiz
Tüm araçlar tarayıcınızda çalışır; sunucularımıza hiçbir veri gönderilmez.
A 50% / B 50%
sRGB — düz ortalama
#000000

Gama kodlu hex sayılarının doğrudan ortalaması; basit bir lerp tam olarak bunu yapar.

Algisal karisim (OKLab)
#000000

Insan algisiyla uyumlu OKLab uzayinda karistirma; orta renk, duz RGB karisimindan daha acik ve daha dogal cikar.

OKLab — algısal
#000000

OKLab uzayında ortalanır; açıklık ve doygunluk geçiş boyunca dengeli kalır.

OKLCH — renk tonu yayı
#000000

OKLab gibidir ama renk tonu en kısa yay boyunca döner, geçiş daha doygun kalır.

sRGB — düz ortalama
Algisal karisim (OKLab)
OKLab — algısal
OKLCH — renk tonu yayı

Renk Karıştırıcı (sRGB ve OKLab) hakkında

İki hex kodunun ortalamasını almak, ışığın değil gama kodlu sRGB sayılarının ortalamasını alır. #0000ff ile #ffff00 rengini böyle karıştırırsanız cansız bir gri olan #808080 çıkar; aynı karışım OKLab uzayında #6cabc7 verir. Bu araç iki yolu aynı anda hesaplar ve yan yana gösterir, ayrıca renk tonunu en kısa yay boyunca döndüren bir OKLCH sürümü ekler.

Renk Karıştırıcı (sRGB ve OKLab) nasıl kullanılır

  1. 1

    İki rengi renk seçicilerden alın ya da yanlarındaki kutuya hex kodlarını yazın.

  2. 2

    İkinci rengin payı kaydırıcısını istediğiniz yüzdeye getirin; 0 sadece birinci rengi, 100 sadece ikinci rengi verir.

  3. 3

    sRGB, OKLab ve OKLCH kartlarını yan yana karşılaştırın ve istediğiniz hex kodunu kopyalayın.

  4. 4

    Basamak sayısını değiştirin ve rampalardaki herhangi bir kareye tıklayarak o basamağın hex kodunu kopyalayın.

  5. 5

    CSS kutusunu alın: değişkenler, eşdeğer color-mix() çağrısı ve bir OKLab gradyanı hazır.

Sıkça sorulan sorular

sRGB ile OKLab sonuçları neden bu kadar farklı?

Hex kodu bir ışık değeri değil, yaklaşık 2.2 gama ile kodlanmış bir sayıdır. İki gama kodlu sayının ortalaması algısal orta noktaya denk gelmez. Somut örnek: siyah ile beyazın sRGB ortası #808080 çıkar, ama gözün tam orta olarak okuduğu gri #636363 rengidir ve OKLab L=%50 tam olarak bunu verir.

Sonuç tarayıcının color-mix(in oklab, …) çıktısıyla aynı mı?

Opak renkler için evet. İkisi de OKLab içinde doğrusal ara değerleme yapar ve burada uygulanan matrisler özgün OKLab matrisleridir. Tek olası fark gamut dışına taşan sonuçlardadır: bu araç her kanalı basitçe kırpar, bazı tarayıcılar ise daha dikkatli bir gamut eşleme uygular.

Yani her zaman OKLCH mi seçmeliyim?

Hayır. OKLCH tek tonlu rampalarda veya çarkta birbirine yakın renklerde çok iyidir, ama kırmızıdan maviye geçiş macenta tarafından döner ve orta nokta #ba00c2 çıkar; bu renk sRGB dışında kaldığı için kırpılır ve kart sizi uyarır. Birbirinden uzak iki renkte OKLab genelde daha güvenli sonuç verir.

Alfa kanalı ve yarı saydam renkler destekleniyor mu?

Hayır. Girdiler yalnızca opak 3 veya 6 haneli hex kabul eder, alfa kanalı yok sayılır. Yarı saydam bir katman karıştırıyorsanız önce arka plan üzerindeki düzleştirilmiş rengi hesaplayın, sonra onu burada karıştırın. Tüm hesaplama kendi tarayıcınızda çalışır, hiçbir veri gönderilmez.

İlgili araçlar

Renk Dönüştürücü (HEX/RGB/HSL) Renk formatları arasında dönüştürün, kontrastı kontrol edin. CSS Gradyan Üreteci Doğrusal ve radyal gradyanlar oluşturun, hazır CSS alın. CSS Box-Shadow Üreteci Canlı önizlemeyle gölge ayarlayın ve kodu kopyalayın. CSS Border Radius Olusturucu Dort kose kaydiricisi ve sekiz degerli eliptik mod, canli onizleme ve kopyalanabilir CSS. CSS clip-path Olusturucu Noktalari surukleyerek sekil olusturun; cokgen, daire, elips ve inset icin clip-path CSS kodu alin. Renk Tonu ve Aciklik Uretici Tek bir ana renkten HEX ve WCAG kontrast oranlariyla 10 adimli 50-900 olcegi olusturun.
Tüm araçları gör