Blog Request tutorial? klik disini!

  • Cara-Cara Penulisan Warna Dalam CSS

    Ditulis oleh: Faizal Rafik
    970 kali dibaca
    22 Apr / 2014 21:32

    Pada tutorial kali ini saya ingin berbagi informasi dan pengetahuan sama teman-teman semuanya yaitu cara-cara penulisan warna di CSS. Cara penulisan warna di CSS dapat dilakukan dengan 6 cara yaitu Heksadesimal, RGB, RGBA, HSL, HSLA, dan Nama Warna akan tetapi tetap mengarah pada warna yang sama cuman cara penulisannya saja yang berbeda. Berikut ini macam-macam cara penulisan kode warna di CSS :

    Warna Heksadesimal

    Warna Hexadecimal adalah kombinasi huruf dan angka terdiri dari angka 0-9 dan di lanjutkan dengan huruf A-F contohnya ( 0123456789ABCDEF ) dimana angka 0 adalah yang paling lemah sedangkan huruf F adalah yang paling kuat dan di tandai dengan kode warna #RGB atau (#RRGGBB) yang menunjukkan identitas warna tertentu contoh : #FF0000 yang menunjuk ke warna Merah. Warna hexadecimal terdiri dari RR (Red), GG (Green) and BB (Blue). Berikut contoh cara penggunaan warna hexadesimal dalam CSS :

    Warna RGB

    Cara penulisan kode warna berikutnya adalah RGB tidak jauh beda dengan penulisan kode warna Heksadesimal cuman kalau RGB lebih ke nilai-nilai angka desimal dengan format rgb(R,G,B) dimana nilai maksimal masing adalah integer dengan range 0-255. Contoh rgb(0,0,0,0) sama dengan #000000 dalam Hekasadesimal yang merujuk ke warna hitam. Berikut contoh penggunaanya :

    Warna RGBA

    Warna RGBA sama dengan warna RGB, perbedaannya terletak pada nilai A = alpha ( tingkat transparan ). RGBA ditulis denga cara rgb(R,G,B,A). Contoh penggunaanya :

    Warna HSL

    HSLadalah warna kombinas hue-saturation-lightness. Warna HSL ini memang jarang sekali digunakan karena kombinasi angka masing-masing warna masih agak sulit dan tidak semua browser mendukungnya. Contoh penggunaanya :

    Warna HSLA

    Warna HSLA sama dengan warna HSL, hanya berbeda pada tambahan nilai alpha atau opacity. Lihat contoh berikut :

    Warna Berdasarkan Nama

    Menentukan warna berdasar nama warna dalam bahasa inggris ini paling mudah dan sering digunakan pada kasus-kasus sederhana. Kita cukup menulis nama warna misalnya merah ditulis red, hijau ditulis green dan lain-lainnya. Berikut contohnya :

    Nah itulah 6 cara penulisan kode warna dalam CSS teman-teman dan cara penulisan kode warna CSS yang sering di gunakan adalah Warna Heksadesimal. Sekian dulu tutorial dari saya semoga menambah ilmu teman-teman. Terima Kasih...






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155