Doğrusu kolaya kaçabilirim ama bir problem varsa çözümü için çabalamak gerek, aşağıdaki örnekte görüldüğü gibi, ya hex ya da rgb türüne dayanarak karşıt renk ile yazıları yazarsam okunması daha kolay olacak.
HEX veya RGB Renklerin Karşıtlığı ve Okunabilirlik |
13 Mesajlar | 2.093 Okunma | ||
- Üyelik 19.04.2015
- Yaş/Cinsiyet 26 / E
- Meslek Developer
- Konum İstanbul Avrupa
- Ad Soyad E** E**
- Mesajlar 820
- Beğeniler 1 / 302
- Ticaret 1, (%100)
Başlık olmadı ama şöyle açıklamak istiyorum, elimde yüzlerce hex renk var ve bunlara her an ulaşabileceğim bir uygulama yazıyorum, binevi tıkla kopyala renk tablosu olacak. Sorun şu ki listedeki kutucuklarımın arkaplan rengi ile yazı rengi birbirine ne kadar yaklaşırsa o kadar okunmaz oluyor. Bunu aşmak için nasıl bir algoritma kullanmam gerekir? Yani okunabilirliği sağlamak amacıyla karşıt renkler kullanmam gerekir ama bunları nasıl bulabilirim?
Doğrusu kolaya kaçabilirim ama bir problem varsa çözümü için çabalamak gerek, aşağıdaki örnekte görüldüğü gibi, ya hex ya da rgb türüne dayanarak karşıt renk ile yazıları yazarsam okunması daha kolay olacak.
Doğrusu kolaya kaçabilirim ama bir problem varsa çözümü için çabalamak gerek, aşağıdaki örnekte görüldüğü gibi, ya hex ya da rgb türüne dayanarak karşıt renk ile yazıları yazarsam okunması daha kolay olacak.
no time for caution
- Üyelik 01.03.2017
- Yaş/Cinsiyet 37 / E
- Meslek Mühendis, 2d-3d Designer
- Konum Trabzon
- Ad Soyad A** B**
- Mesajlar 52
- Beğeniler 13 / 45
- Ticaret 5, (%100)
Açık renkler için gri tonlarında flat koyu yazı renkleri kullan, koyu renklerde de beyaz ya da açık gri flat renkler okunulabilirliği kolaylaştıracaktır. Kolay gelsin
- Üyelik 19.04.2015
- Yaş/Cinsiyet 26 / E
- Meslek Developer
- Konum İstanbul Avrupa
- Ad Soyad E** E**
- Mesajlar 820
- Beğeniler 1 / 302
- Ticaret 1, (%100)
fetiihh Sanırım söylediğim şey anlaşılmadı, on binlerce renk için elle renk giremem, makine gerekli hesaplamayı yapacak, sadece algoritma gerekli, lütfen işin uzmanı konuşsun.
no time for caution
- Üyelik 01.03.2017
- Yaş/Cinsiyet 37 / E
- Meslek Mühendis, 2d-3d Designer
- Konum Trabzon
- Ad Soyad A** B**
- Mesajlar 52
- Beğeniler 13 / 45
- Ticaret 5, (%100)
fetiihh Sanırım söylediğim şey anlaşılmadı, on binlerce renk için elle renk giremem, makine gerekli hesaplamayı yapacak, sadece algoritma gerekli, lütfen işin uzmanı konuşsun.
Arkadaşım ben sadece renk olarak öneri istediğinizi anladım, bu sanırsam biraz programlamaya girmekte, sen grafik tasarım bölümüne paylaşmışsın. Ben sadece ne kadar hoş görülebilir o konuda öneride bulundum. İşin uzmanları konuşsun gibi tabirin hiç hoş değil, Ne beni tanırsın edersin bu tabir hoş değil
- Üyelik 19.04.2015
- Yaş/Cinsiyet 26 / E
- Meslek Developer
- Konum İstanbul Avrupa
- Ad Soyad E** E**
- Mesajlar 820
- Beğeniler 1 / 302
- Ticaret 1, (%100)
fetiihh konuyu açarken mümkün olduğunca az sayıda kelime kullandım ki kafa karışmasın diye, beyaz rengi veya gri rengi deneyerek seçebilirim ama olay o kadar basit değil malesef, bir tasarımcı algoritma kelimesini görünce hiç mi aklına gelmez olayın yazılımsal açıdan ele alındığını, ki zaten en başında uygulama yaptığımı belirmiştim. Burada takıldığım nokta tanımak veya tanımamak değil, her önüne gelen bir şeyler söylüyor, bilse de bilmese de. Bundan ötürü uzmanı konuşsun dedim, lütfen harakret olarak algılamayın, konuyu grafik bölümüne açmamın sebebi hex ve rgb renklere en hakim olan bölüm burası, programlama bölümünde rgb değil, lrgb, argb, rgba nedir diye soracak insan bile var.
no time for caution
- Üyelik 01.03.2017
- Yaş/Cinsiyet 37 / E
- Meslek Mühendis, 2d-3d Designer
- Konum Trabzon
- Ad Soyad A** B**
- Mesajlar 52
- Beğeniler 13 / 45
- Ticaret 5, (%100)
fetiihh konuyu açarken mümkün olduğunca az sayıda kelime kullandım ki kafa karışmasın diye, beyaz rengi veya gri rengi deneyerek seçebilirim ama olay o kadar basit değil malesef, bir tasarımcı algoritma kelimesini görünce hiç mi aklına gelmez olayın yazılımsal açıdan ele alındığını, ki zaten en başında uygulama yaptığımı belirmiştim. Burada takıldığım nokta tanımak veya tanımamak değil, her önüne gelen bir şeyler söylüyor, bilse de bilmese de. Bundan ötürü uzmanı konuşsun dedim, lütfen harakret olarak algılamayın, konuyu grafik bölümüne açmamın sebebi hex ve rgb renklere en hakim olan bölüm burası, programlama bölümünde rgb değil, lrgb, argb, rgba nedir diye soracak insan bile var.
Bak genç arkadaşım, burada her önüme gelene yorum yapan bir insan değilim ya bildiğim konuda yardımcı olmak isterim, Ya da insanlara tasarım konusunda destek sağlarım. Ne olursa olsun, o tabiri ne bana ne de başka birine kullanma sonuçta senden yaşça büyük insanlar mevcut, O çirkin bir tabir
- Üyelik 12.01.2012
- Yaş/Cinsiyet 30 / E
- Meslek Web
- Konum Kocaeli
- Ad Soyad O** K**
- Mesajlar 880
- Beğeniler 836 / 288
- Ticaret 18, (%100)
fetiihh Sanırım söylediğim şey anlaşılmadı, on binlerce renk için elle renk giremem, makine gerekli hesaplamayı yapacak, sadece algoritma gerekli, lütfen işin uzmanı konuşsun.
Ne bu tavır böyle? "İşin uzmanı konuşsun". Sen anlattığını düşünebilirsin ama açtığın kategori ve bir cümle farklı anlamlar oluşturabilir. Bkz: "Yani okunabilirliği sağlamak amacıyla karşıt renkler kullanmam gerekir ama bunları nasıl bulabilirim?"
fetiihh 'in yorumu yukarıda alıntı içerisinde paylaştığım yorumundan ve kategoriden dolayı yanlış anlaşılmış. Yorumunda da bir problem yok. Paragraftaki ilk cümleler ile son cümle arasında farklı anlam çıkabiliyor. Uzmanı konuşsun gibi bir tavır yerine, teşekkür edip tekrar bir açıklama yapabilirdin.
iyi.
- Üyelik 30.06.2016
- Yaş/Cinsiyet 50 / E
- Meslek Yazılım
- Konum İstanbul Anadolu
- Ad Soyad Y** T**
- Mesajlar 977
- Beğeniler 33 / 388
- Ticaret 45, (%100)
Decimas
Renk kodunun text rengi beyaz, en mantıklı çözüm renk koduna siyah ve yarı saydam bir background oluştur, margini küçük tut.. Hani şu slider'lar da text e uygulanan background gibi, slider da da resim değişse bile okunabilirlik bu sayede korunur.. Aşağıdaki örnek resme bakarsan bir fikir verir..
Renk kodunun text rengi beyaz, en mantıklı çözüm renk koduna siyah ve yarı saydam bir background oluştur, margini küçük tut.. Hani şu slider'lar da text e uygulanan background gibi, slider da da resim değişse bile okunabilirlik bu sayede korunur.. Aşağıdaki örnek resme bakarsan bir fikir verir..
- Üyelik 11.09.2013
- Yaş/Cinsiyet 30 / E
- Meslek Bilgisayar Mühendisi
- Konum İzmir
- Ad Soyad A** K**
- Mesajlar 1077
- Beğeniler 361 / 361
- Ticaret 33, (%100)
Denemedim fakat sadece fikir önerisi olarak sunuyorum. Biliyorsunuz ki RGB kodlarının her bir hanesi 255'e yaklaştıkça renk kararlışalır, 0 a yaklaştıkça da yok olur. Şayet Beyaz'a ulaşmak istersek tüm renkleri 255 yapmalıyız. Bu durumda Red Green Blue'nun ortalamasını alıp 255/2(127) yle kontrol edersek siyaha mı beyaza mı yakın olduğunu az çok kontrol edebiliriz.
Ortalaması 127'den büyük olanlar için 0,0,0 (Yani Siyah)
127'den küçük veya eşit olanlar içinse 255,255,255(Yani Beyaz) basabiliriz.
Örneğin :
255,255,255 -> (255+255+255)-> (765/3) -> (ortalama)255>127 Yani 0,0,0 basıcaz
000,000,000 -> (000+000+000)-> (0/3) -> (ortalama)0<127 Yani 255,255,255 basıcaz
121,179,200 -> (121+179+200)-> (500/3) -> (ortalama)166>127 Yani 0,0,0 basıcaz gibi
Söylediğim gibi yöntemi denemedim fakat algoritmik olarak işinizi en basit şekilde çözebileceğini düşünüyorum. Aynı şekilde hex için eşit değeri olarak 127 yerine 7f kullanabilirsiniz fakat bu biraz ameleliği olur işin rgb de halletmek her türlü daha basit olur
Ortalaması 127'den büyük olanlar için 0,0,0 (Yani Siyah)
127'den küçük veya eşit olanlar içinse 255,255,255(Yani Beyaz) basabiliriz.
Örneğin :
255,255,255 -> (255+255+255)-> (765/3) -> (ortalama)255>127 Yani 0,0,0 basıcaz
000,000,000 -> (000+000+000)-> (0/3) -> (ortalama)0<127 Yani 255,255,255 basıcaz
121,179,200 -> (121+179+200)-> (500/3) -> (ortalama)166>127 Yani 0,0,0 basıcaz gibi
Söylediğim gibi yöntemi denemedim fakat algoritmik olarak işinizi en basit şekilde çözebileceğini düşünüyorum. Aynı şekilde hex için eşit değeri olarak 127 yerine 7f kullanabilirsiniz fakat bu biraz ameleliği olur işin rgb de halletmek her türlü daha basit olur
- Üyelik 04.08.2014
- Yaş/Cinsiyet 40 / E
- Meslek Yönetici
- Konum İstanbul Avrupa
- Ad Soyad Ş** K**
- Mesajlar 3625
- Beğeniler 1459 / 1458
- Ticaret 135, (%100)
var olan renk paletlerine renk kodunu Eklemek yerine tiklanirken renk kodunu copy etmesi daha guzel olabilir.
ornek https://flatuicolors.com
ornek https://flatuicolors.com
Bugün Bizim Yarın Çocuklarımızın.
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)