JavaScript ile Rengi Açma veya Koyulaştırma
JavaScript ile bir rengi açmak veya koyulaştırmak oldukça kolaydır. Bu etkileşimli içerikte bunu nasıl yapabileceğimizi görecek ve daha önce kullandığımız bazı kavramlara farklı açılardan bakacağız. Yazının sonunda bir kod örneği bulacaksınız.
HEX kodunu renklere göre ayırmamız gerekir. Her karakter çifti farklı bir rengin değerini belirler. # işaretinden sonraki ilk iki karakter kırmızı, sonraki iki karakter yeşil, son iki karakter ise mavi rengin değeridir.
Şimdi her HEX renk değerini RGB biçimine dönüştürebiliriz. Böylece her renk değerini daha kolay ve ayrı ayrı değiştirebiliriz.
Bir rengi açmak veya koyulaştırmak için bunu ne kadar yapmak istediğimizi belirlememiz gerekir. Bu örnekte 0 ile 100 arasında bir değer girebiliriz. Bu oranla renklerin değerlerini artırabilir veya azaltabiliriz. Böylece renk, buna bağlı olarak daha açık veya daha koyu görünür.
Son adıma geldik. Değiştirilmiş RGB değerini kullanarak yeni bir HEX kodu oluşturabiliriz. Böylece istediğimiz ölçüde açık veya koyu bir renk elde ederiz.
Ve sonuç… Yazının bu bölümünde kod örnekleri vermedik. Amacımız, kavramları anlayıp yazılım geliştirmede ezbere dayanmamaktı. Bildiğimiz RGB ve HEX kodlarına daha yakından bakarak bunları nasıl değiştirebileceğimizi öğrendik. Umarım bu yazı, her gün gördüğümüz renk kodlarını anlamanıza yardımcı olmuş ve bakış açınızı genişletmiştir.
Bir kod örneği görmek isterseniz bu demo bağlantısına bakabilirsiniz.
Bu içerik size yardımcı olduysa bana bir kahve ısmarlayabilirsiniz.
yazılım, tasarım ve yapay zeka üzerine etkileşimli yazı ve kurslardan haberdar olmak için bültene katılabilirsiniz. Ayda en fazla birkaç e-posta alırsınız.