Blog Belajar Css: Properti color Css

Properti color pada Css digunakan untuk mengganti warna tulisan (teks) pada web. Warna default teks di web adalah hitam. Properti color ditulis: color: warna;

warna bisa ditulis dengan warna bahasa Inggris yang terdaftar dan dikenali css, bisa dengan warna (kode) hexa, rgba, rgb, hsl dan hsla.

contoh: colorcss.html


<!DOCTYPE HTML>
    <html>
        <head>
            <title>Contoh properti color css</title>
            <style type="text/css">
                p.biru{color: #0068C8}
            </style>
        </head>
    <body>
        <p class="biru">Ini tulisan jadi biru.</p>
    </body>
</html>

Output:

Tampilan di Firefox.

Untuk contoh lain, menggunakan warna yang dikenali dalam bahasa Inggris ganti nilai color menjadi: color: blue Untuk rgb menjadi: color: rgb(0,104,200) Warna RGB merupakan kombinasi warna Red (Merah), Green (hijau), dan Blue (biru).

Selanjutnya contoh rgba, menjadi: color: rgba(0,104,200,0.5) Huruf a pada rgba berisi nilai di mulai dari 0.1 untuk mengatur warna tulisan terang atau buram. Semakin besar nilai (di atas 0.1) semakin jelas warna tulisan.

Untuk format warna hsl, menjadi: color: hsl(246, 100%, 50%) Untuk hsla bisa menjadi: color: hsla(246, 100%, 50%, 0.3) Kode warna yang dijelaskan di atas dapat Anda temui pada color picker, misalnya di Adobe Photoshop atau color picker online.

Referensi tulisan:

color; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 17 Februari 2015.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.

Selasa, 17 Februari 2015

Properti color Css

Tidak ada komentar:

Posting Komentar