Warna HSLA.
Warna HSLA merupakan ekstensi atau perluasan dari warna HSL dengan penambahan parameter alpha. Untuk menggunakan warna HSLA ini, Anda memakai fungsi hsla() dengan sintaksis
hsla(hue, saturation, lightness, alpha)
. Parameter alpha adalah opasitas untuk obyek warna dengan nilai antara 0.0 (transparan) dan 1.0 (pekat). Berikut ini adalah contoh penggunaan warna HSLA dengan atribut color CSS.<!DOCTYPE html> <html> <head> <title>Warna HSLA</title> </head> <body> <p style="color:hsl(240, 100%, 50%, 1.0);">Menggunakan warna HSLA CSS.</p> <p style="color:hsl(240, 100%, 50%, 0.8);">Menggunakan warna HSLA CSS.</p> <p style="color:hsl(240, 100%, 50%, 0.6);">Menggunakan warna HSLA CSS.</p> <p style="color:hsl(240, 100%, 50%, 0.4);">Menggunakan warna HSLA CSS.</p> <p style="color:hsl(240, 100%, 50%, 0.2);">Menggunakan warna HSLA CSS.</p> <p style="color:hsl(240, 100%, 50%, 0.0);">Menggunakan warna HSLA CSS.</p> </body> </html>
Menggunakan warna HSLA CSS.
Menggunakan warna HSLA CSS.
Menggunakan warna HSLA CSS.
Menggunakan warna HSLA CSS.
Menggunakan warna HSLA CSS.
Menggunakan warna HSLA CSS.