TR

Renk karıştırma aracı

Bu araçla renk karıştırma işlemini yapıp karışım rengini hemen HEX, RGB ve HSL olarak görebilirsiniz. Ayrıca bir rengi açabilir, koyulaştırabilir veya soluklaştırabilir, en fazla 15 basamaklı bir geçiş üretebilirsiniz.

Kaynak: CSS Color 5, W3C – CSS Color Module Level 5: color-mix(). Güncelleme: .

#E63946 gibi HEX, rgb(230, 57, 70) veya hsl(...)
HEX, rgb() veya hsl()
%
%0 = yalnızca renk 1, %100 = yalnızca renk 2; açarken: beyaz oranı
renk 1’den hedef renge 2 ila 15 renk
AraçlarımGirdileriniz yalnızca bu tarayıcıda saklanır.

Karışım rengi

#965A72rgb(150, 90, 114) · hsl(336, 25%, 47%)
  • 1/5#E63946
  • 2/5#BE4A5C
  • 3/5#965A72
  • 4/5#6D6B87
  • 5/5#457B9D

Sonuç

Karışım rengi (HEX)
#965A72
RGB
rgb(150, 90, 114)
HSL
hsl(336, 25%, 47%)
CSS (color-mix)
color-mix(in srgb, #E63946 50%, #457B9D 50%)
Geçiş basamakları
  • #E63946
  • #BE4A5C
  • #965A72
  • #6D6B87
  • #457B9D

Nasıl hesaplanır?

Araç ekran renklerini, yani ışık değerlerini karıştırır – pigmentten yapılmış boyayı değil. Bu yüzden kırmızı ile mavi mor (#800080) verir; mavi ile sarı ise sulu boyadaki gibi yeşil değil, nötr bir gri verir.

Karışım nasıl yapılır?

Her renk kanalı için bir ara değer hesaplanır. Ne kadar hassas olduğunu karışım uzayı belirler:

Açma, koyulaştırma, soluklaştırma

Bir rengi beyazla karıştırmak onu açar (tint); siyahla koyulaştırır (shade), griyle soluklaştırır (tone). Yüzde değeri şiddeti belirler, basamaklar ise hover durumları veya renk skalaları için bütün bir seri üretir.

color-mix() ifadesi doğrudan stil dosyasına kopyalanabilir. Uyumlu paletleri renk paleti oluşturucu üretir, biçimleri renk dönüştürücü çevirir, metnin okunabilir kalıp kalmadığını kontrast denetleyici kontrol eder.

Sıkça sorulan sorular

Mavi ile sarıyı karıştırınca ne olur?

Ekranda nötr bir gri (sRGB ortalaması #808080), çünkü ışık renkleri karıştırılır. Sulu boya veya akrilikte mavi ile sarı yeşil verir, çünkü pigmentler çıkarıcı çalışır.

İki rengi eşit oranda nasıl karıştırırım?

İki rengi girin ve ikinci rengin oranını %50’de bırakın. Renk 2’nin üçte biri için 33 yazın.

Bir rengi nasıl açar veya koyulaştırırım?

“Rengi aç” veya “Rengi koyulaştır”ı seçip yüzdeyi ayarlayın: %20 beyazda renk biraz açılır, %80’de neredeyse beyaz olur.

Hangi karışım uzayını seçmeliyim?

sRGB, CSS’in ve çoğu programın varsayılan davranışına uyar. Oklab daha düzgün geçişler verir, doğrusal ışık ise üst üste binen ışık kaynaklarına karşılık gelir.

Sonucu CSS’te nasıl kullanırım?

“CSS (color-mix)” altındaki değeri kopyalayıp her modern tarayıcıda renk olarak kullanın ya da doğrudan HEX değerini alın.

Kaynaklar ve yasal dayanak

Güncelleme: · Editoryal ilkeler

Benzer araçlar