Tutorial Warna HTML
Tutorial Warna <HTML>
Warna ditampilkan menggabungkan cahaya MERAH, HIJAU, dan BIRU.
Nama Warna
Dengan CSS, warna dapat diatur dengan menggunakan nama warna:
Contoh
| Color | Name |
|---|---|
| Red | |
| Yellow | |
| Cyan | |
| Blue | |
| Magenta |
Nilai Warna CSS
Dengan CSS, warna dapat ditentukan dengan berbagai cara:
- Dengan nama warna
- Sebagai nilai RGB
- Sebagai nilai heksadesimal
- Sebagai nilai HSL (CSS3)
- Sebagai nilai HWB (CSS4)
- Dengan
currentcolorkata kunci
Warna RGB
Nilai warna RGB didukung di semua browser.
Nilai warna RGB ditentukan dengan: rgb ( RED , GREEN , BLUE ).
Setiap parameter mendefinisikan intensitas warna sebagai bilangan bulat antara 0 dan 255.
Misalnya, rgb (0,0255) diberikan sebagai biru, karena parameter biru diatur ke nilai tertinggi (255) dan yang lainnya ditetapkan ke 0.
Contoh
| Color | RGB | Color |
|---|---|---|
| rgb(255,0,0) | Red | |
| rgb(0,255,0) | Green | |
| rgb(0,0,255) | Blue |
Warna Heksadesimal
Nilai warna heksadesimal juga didukung di semua browser.
Warna heksadesimal ditentukan dengan: # RR GG BB .
RR (merah), GG (hijau) dan BB (biru) adalah bilangan bulat heksadesimal antara 00 dan FF yang menentukan intensitas warna.
Sebagai contoh, # 0000FF ditampilkan sebagai biru, karena komponen biru diatur ke nilai tertinggi (FF) dan yang lain ditetapkan ke 00.
Contoh
| Color | HEX | RGB | Color |
|---|---|---|---|
| #FF0000 | rgb(255,0,0) | Red | |
| #00FF00 | rgb(0,255,0) | Green | |
| #0000FF | rgb(0,0,255) | Blue |
Huruf Besar atau Huruf Kecil?
Anda dapat menggunakan huruf besar atau kecil untuk menentukan nilai heksadesimal.
Huruf kecil lebih mudah untuk ditulis. Huruf besar lebih mudah dibaca.
Nama Warna
CSS mendukung 140 nama warna standar.
Pada bab selanjutnya Anda akan menemukan daftar nama warna alfabet lengkap dengan nilai heksadesimal:
| Color Name | Hex | Color |
|---|---|---|
| AliceBlue | #F0F8FF | |
| AntiqueWhite | #FAEBD7 | |
| Aqua | #00FFFF | |
| Aquamarine | #7FFFD4 | |
| Azure | #F0FFFF | |
| Beige | #F5F5DC | |
| Bisque | #FFE4C4 |
Kata Kunci currentcolor
Kata
currentcolorkunci mengacu pada nilai properti warna suatu elemen.
Contoh
Warna tepi elemen <div> berikut akan berwarna biru, karena warna teks elemen <div> berwarna biru:
color: blue; /* Blue text color */
border: 10px solid currentcolor; /* Blue border color */
}
See the Pen [Pendahuluan] 1. Warna HTML by Sulivan Project (@projectsulivan) on CodePen.
0 Response to "Tutorial Warna HTML"
Post a Comment