CSS-Colors,RGB,Hexadecimal,Opacity

Web sayfası tasarımı yaparken renkler konusunda kararsız kalabiliriz. Bu nedenle başka web sayfalarına bakarken renkler hoşumuza gidebilir ve hangi renk olduğunu öğrenmek isteyebiliriz. Bunun için kullanabileceğimiz oldukça pratik bir uygulama bulunmaktadır: ColorZilla. Bilgisayarımıza indirdiğimizde uzantı olarak kaydediliyor. Ve uygulamayı açıp istediğimiz rengin üstüne tıkladığımızda o rengin rgb değerini ve hexadecimal öğrenebiliyoruz.

rgb değerini html dosyamızda kullanmak için :

<!DOCTYPE html>
<html>
<style>
    
    h1{
        
        color: rgba(40,158,116);
    }
    
</style>

<body>
    
    <h1>Başlık 1</h1>
</body>


</html>

Opaklık eklemek istiyorsak iki şekilde gerçekleştirebiliriz:

<!DOCTYPE html>
<html>
<style>
    
    h1{
        
        color: rgba(40,158,116,0.5);
    }
    
</style>

<body>
    
    <h1>Başlık 1</h1>
</body>


</html>

opaklık değerini 4.bir değer olarak ekledik. 0.0-1.0 arasında değer alır. İkinci olarak da opacitiy değeri olarak verebiliriz.

<!DOCTYPE html>
<html>
<style>
    
    h1{
        
        color: rgba(40,158,116);
        opacity: 0.4;
    }
    
</style>

<body>
    
    <h1>Başlık 1</h1>
</body>


</html>

hexadecimal sayı sistemine bakalım :

Hexadecimal değerini vermek için :

<!DOCTYPE html>
<html>
<style>
    
    h1{
        
        color: #F7CBCC
    }
    
</style>

<body>
    
    <h1>Başlık 1</h1>
</body>


</html>

Yorum bırakın