CSS Part 3 : Warna dalam css
MACAM-MACAM WARNA DALAM CSS
ASSALAMUALAIKUM wr wb.
apa kabar temen-temen bagaimana kabarnya,kali ini saya akan membahas tentang warna kalian pasti tau tentang warna tapi kalian tau jenis penggunaan warna dalam css kalau belum tau berikut penjelasannya.
MACAM-MACAM PENGGUNAAN WARNA DALAM CSS.
1.PENGERTIAN KODE WARNA HSL
HSL adalah singkatan dari Hue, Saturation, dan Lightness (atau sering ditulis juga dengan Luminance). Kode warna HSL merupakan cara lain untuk “membuat” warna dalam CSS.
Sebagai contoh, untuk membuat warna merah, dalam HSL kita menulisnya menjadi:
Untuk menulis kode HSL, kita membutuhkan 3 nilai:
Nilai pertama yakni Hue merupakan derajat warna dengan nilai 0 sampai 360. Nilai ini didapat dari lingkaran warna (color wheel) yang tersusun dari warna pelangi, dimulai dari merah, jingga, kuning, hijau, biru, nila, ungu (me-ji-ku-hi-bi-ni-u). Sehingga nilai Hue 0 (atau 360 ,karena itu sudah 1 putaran) menghasilkan warna merah.
2.PENGERTIAN WARNA RGB.
RGB adalah singkatan dari (Red,Green,Blue)/(merah, hijau, biru).
Setiap parameter (merah, hijau, biru) mendefinisikan intensitas warna antara 0 dan 255.
Misalnya,
rgb(255,0,0)
ditampilkan sebagai merah, karena merah diatur ke nilai tertinggi (255) dan yang lainnya diatur ke 0.sebagai contoh untuk membuat warna dengan RGB.
color: rgb(176,53,231);
ini hasilnya:
berikut tabel warna RGB.
3.PENGERTIAN WARNA HEKSADESIMAL.
Nilai-nilai RGB juga dapat ditentukan dengan menggunakan heksadesimal nilai warna dalam bentuk: # RRGGBB , di mana RR (merah), GG (hijau) dan BB (biru) adalah nilai-nilai heksadesimal antara 00 dan FF (sama seperti desimal 0-255).
Misalnya,
#FF0000
ditampilkan sebagai merah, karena merah diatur ke nilai tertinggi (FF) dan yang lainnya diatur ke nilai terendah (00). Catatan: nilai HEX adalah case-sensitive: "# ff0000" adalah sama dengan "FF0000".berikut ini contoh warna heksadesimal.
color: #173cc3;
ini hasilnya:
berikut ini tabel warna dari css Heksadesimal:
Sekian dari artikel saya semoga bermanfaat sampai jumpa.
REFERENSI:
http://www.w3schools.com/css/css_colors.asp
http://www.duniailkom.com/tutorial-belajar-css-penulisan-kode-warna-pada-css/
WASSALAMUALAIKUM wr wb.
Komentar
Posting Komentar