Belajar HTML Colors

Belajar HTML Colors
Belajar HTML Colors - Warna dapat memperindah tampilan web HTML. Adanya warna dapat membuat pengunjung lebih nyaman dan tampilan menjadi segar.
Dalam HTML, warna dapat dideklarasikan lewat beberapa cara, namun kali ini saya hanya akan menampilkan 3 cara yang cocok bagi pemula, yaitu Color Names, RGB, dan Hexadesimal.
Langsung saja, berikut penjelasanya.

Color Names

Cara ini merupakan cara paling mudah yaitu dengan menyebutkan nama dari warna tersebut. Dalam HTML terdapat 140 nama warna yabg dapat kalian coba.
Cara penulisanya tinggal menuliskan namanya, boleh huruf kapital, ataupun kecil semua. Contoh.
Color Names
<div style="background: red;">Merah</div>
<div style="background: yellow;">Kuning</div>
<div style="background: green;">Hijau</div>
<div style="background: blue;">Biru</div>
<div style="background: grey;">Abu-Abu</div>
<div style="background: magenta;">Magebta</div>
Hasil.
Color Names
Red
Yellow
Green
Blue
Grey
Magenta

RGB

RGB merupakan singkatan dari Red, Green, Blue. Di HTML warna RGB ditulis dengan syntax rgb(red,green,blue).
Setiap parameternya diisi dengan angka, dari angka 0 hingga 255. Contohnya warna merah ditulis dengan rgb(255,0,0). Contoh.
RGB
<div style="background: rgb(255,0,0);">Merah</div>
<div style="background: rgb(255,255,0);">Kuning</div>
<div style="background: rgb(0,255,0);">Hijau</div>
<div style="background: rgb(0,0,255);">Biru</div>
Hasil.
RGB
Red
Yellow
Green
Blue

Hexadecimal

Selain RGB, anda juga dapat menggunakan cara Hexadesimal. Metode ini paling populer dan banyak digunakan. Hexadecimal dtulis dengan syntax #RRGGBB.
  • RR untuk warna merah.
  • GG untuk warna hihau.
  • BB untuk warna biru.
Isi dari kode heximal berisi angka maupun huruf pada hexadeisimal, contoh #FF0000.
Contoh.
Hexadecimal
<div style="background: #FF0000;">Merah</div>
<div style="background: #00FF00;">Hijau</div>
<div style="background: #0000FF;">Biru</div>
Hasil.
Hexadecimal
Red
Green

Sekian postingan saya yang berjudul Belajar HTML Colors.
Jangan lupa baca postingan saya sebelumnya Belajar HTML Comments.

1 Response to "Belajar HTML Colors"

  1. Hi Selina



    i am Montoya Jazhel from the philiphines ,i was in a big problem in my marital life so i read your testimony on how Dr Ikhide help you get your husband back and i said i will give it a try and i contacted the Dr Ikhide to help me and he promised to help me get my problem solved. now am so happy with my life because all my problems are over. Thanks to the great Dr Ikhide for the help and Thanks to you Selina.

    You can reach him with this email:- dr.ikhide@gmail.com and i promise he will not disappoint you.



    I AM SO HAPPY…… remember here is his email:- dr.ikhide@gmail.com or whatsapp :- +2349058825081








































    Kumusta Selina



    ako si Montoya Jazhel mula sa pilipinas, ako ay nasa malaking problema sa aking buhay sa pag-aasawa kaya nabasa ko ang iyong patotoo sa kung paano tulungan si Dr Ikhide na maibalik ang iyong asawa at sinabi kong susubukan ko ito at makipag-ugnay sa Dr Ikhide upang matulungan ako at nangako siyang tulungan ako na malulutas ang aking problema. ngayon masaya ako sa aking buhay dahil ang lahat ng aking mga problema ay tapos na. Salamat sa mahusay na Dr Ikhide para sa tulong at Salamat sa iyo Selina.

    Maabot mo siya sa email na ito: - dr.ikhide@gmail.com at ipinapangako ko na hindi ka niya bibiguin.



    AKO KAYA NAKAKITA …… tandaan dito ay ang kanyang email: - dr.ikhide@gmail.com or whatsapp :- +2349058825081

    BalasHapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel