Jenis warna untuk web/blog

Kali ini kita membahas warna untuk blog/website beserta jenis nya, yaps warna itu menggunakan nama warna web yang pastinya telah dijadik...

macam macam warna pada situs web atau blog

Kali ini kita membahas warna untuk blog/website beserta jenis nya, yaps warna itu menggunakan nama warna web yang pastinya telah dijadikan standart dan di dukung oleh semua browser, Nama ini juga pastinya bisa dipakai di HTML kita dan CSS, Mungkin saat ini ada 140 nama web yang mungkin telah di standartkan, pastinya dalam bentuk bahasa inggris.
Contoh nya :
White/ Putih = #FFFFFF
Black/hitam = #000000
Gray/abu-abu = #808080
LightSlategray/ abu2 metalik = #778899

 

- RGB

Warna yang menggunakan kode RGB, Nah kode RGB menggunakan angka 0 sampai 255 nantinya sebagai penyusun variable warna. dan juga bisa memakai nilai prosentase 0% sampai 100% misalnya kita memakai warna putih nah kode RGB nya seperti ini 255,255,255 atau agan bisa memakai 100%,100%,100% atau pun memakai warna hitamkodenya 0,0,0.
 Nilai warna dalam kode RGB bisa kita gunakan untuk memanipulasi CSS melalui otomatisasi program. Nanti pada CSS penulisan kode RGB diawali dengan karakter dan kode warna nya kita letakkan di dalam buka kurung dan tutup kurung Berikut contoh nya :
rgb(0%, 0%, 0%)= hitam
rgb(100%, 0%, 0%) = merah
rgb (50%, 0%, 50% ) = ungu
rgb (100%, 100%, 100%) = Putih

 

- HSL

Warna dari HSL merupakan koordinat silinder untuk nantinya menentukan sebuah warna, Nanti kode awal nya memakai variable Hue, Saturation, dan Lightness.
Hue adalah nilai dari sudut pandang nya dari vertikal dan saturation yaitu nilai jarak horizontal dan sumbu, dan lightnes adalah tiinggi nya.
Kode HSL pada umum nya banyak digunakan pada Software yang untuk membuat fitur color pixel, Nah nanti nya pada CSS, penulisan kode HSL nanti diawali dengan karakter HSL, Contoh nya :
hsl (0, 100%, 50%) = merah
hsl (!20, 100%, 50%) = hijau

 

- HSLA 

Sama sih dikit dari model RG yang dibuat menjadi RGBA, HSL dapat dibuat menjadi HSLA dengan menambahkan nilai alpha chanel, Nantinya penulisan di CSS menggunakan awalan karakter hsla, Contohnya :
hsla (0, 100%, 50%, 0.5) = merah yang semi transparan hasil nya
hsla (120, 100%, 50% 0.5) =  hijau yang semi transparan hasil nya

 

- Hekadesimal

warna yang nantinya menggunakan jenis kode bisa kita sebut heksadesimal mengikuti warna RGB, Yang nanti nilainya berupa kombinasi sekitar 6 digit karakter berupa angka yang dari 0 sampai 9 dan huruf A sampai F kombinasi dari jenis 6 digit ini bisa menghasilkan 16.777.216 warna, dan pada CSS, penyebutan nilai warna kode hex diawali dengan tanda pagar ( # ) jadi huruf kapital dan huruf normal nantinya sama saja dan berikut contoh kode nya :
#000000 = Hitam
#FFFFFF = Putih
#800080 = Ungu
#ff0000 = Merah
Kita juga dapat menggunakan photoshop Untuk mendapatkan contoh warna yang kita ingin kan, contoh nya lihat digambar :
pencarian warna

Nah berikut juga daftar Nama warna web yang sering di jumpai beserta kode nya biar lebih gampang.

Alice Blue - #F0F8FF | AntiqueWhite - #FAEBD7 | Aqua, Cyan - #00FFFF
Aqua Marine - #7FFFD4 | AZURE - #F0FFFF | Beige - #F5F5DC
Bisque - #FFE4C4 | Black - #000000 | Blanched Almound - FFEBCD
Blue - #0000FF | BlueViolet - #8A2BE2 | Brown #A52A2A
Burly Wood - #DEB887 | Cadet Blue - #5F9EA0 | Chartreuse - #7FFF00
Chocolate - #D2691E | Coral - #FF7F50 | Cornflower Blue - #6495ED
Cornsilk - #FFF8DC | Crimson - #DC143C | Dark Blue - #00008B
Daek Cyan - #008B8B | Dark Golden Rod - #B8860B | Dark Gray - #A9A9A9
Dark Green - #006400 | Dark Khaki - #BDB76B | Dark Magenta - #8B008B
Light Sea Green - #20B2AA | Light Sky Blue - #87CEFA | Light Steel Blue #B0C4DE
Light Yellow - #FFFFE0 | Lime - #00FF00 | Lime Green #32CD32
Linen - #FAF0E6 | Magenta - #FF00FF | Maroon - #800000
Medium Aqua Marine - #66CDAA | Medium Blue - #0000CD | Medium Orchid - #BA55D3
Medium Purple - #9370DB | Medium Sea Green - #3CB371 | Medium Slate Blue - #7B68EE

Berikut kurang lebih lah Jenis warna untuk web, sebener nya ada 140 nama warna web, dikarenakan sayanya lagi sakit gigi makannya saya sampai disini aja hehe, Nah kalo agan masih pusing tinggal coba praktekkan jenis warna nya di photoshop Seperti gambar diatas, Klik warnanya lalu lihat kode hex nya, yang diawali dengan Pagar (#). Terima kasih



Postingan Terkait

0 komentar