Kode Warna CSS Lengkap | Kita Ngoding CSS #06 |
Kode CSS Warna.- Dalam Tutorial CSS kali ini pada blog Kita Ngoding, kita akan membahas tentang bagaimana kode warna dalam css, nama-nama kode warna css, kode warna css untuk background, text, border dan kode warna css dengan values(nilai) seperti RGB, HEX, HSL.
Tanpa berlama-lama, yuk kita langsung bahas satu persatu.
Menulis Kode Warna Dalam CSS
Adapun tujuan dari pemberian warna ini yaitu untuk membuat tampilan suatu website lebih menarik dan enak dipandang. Selain itu, pemberian warna pada suatu website juga dapat memperjelas maksud yang disampaikan oleh web developer dan penulis.
Untuk nama-nama warna dalam css sendiri terdapat sebanyak 140, jika kamu mau tau lebih lengkapnya bisa disini -> klik disini
Baca Juga : Selector Pada CSS
Memberikan Kode Warna Background CSS
Kamu dapat memberikan warna pada background dengan cara sebagai berikut :
Memberikan Kode Warna Text CSS
Untuk dapat memberikan warna pada text kamu bisa melakukannya dengan cara ini :
Mungkin bagi yang sudah mengikuti artikel-artikel sebelumnya, maka tidak asing dengan kode diatas bukan?, karena sering kita gunakan dalam praktek sebelumnya, hanya saja kita bahas sekarang supaya kita lebih memahami kode tersebut.
Baca Juga : Cara Menggunakan CSS Di HTML
Memberikan Kode Warna Border CSS
Memberikan Warna Dengan Kode Values
Disini, kita akan mempraktekkan pemberian warna menggunakan RGB Values, HEX Values, HSL Values.
RGB Values
RGB merupakan singkatan dari Red Gren Blue. rumusnya rgb(red, green, blue), setiap parameter di definisikan dengan angka antara angka 0 sampai 255.
Contoh :
RED
GREEN
BLUE
BLACK
WHITE
Berkreasi sendiri dengan mengubah angka-angkanya.
Baca Juga : Struktur CSS
RGBA Values
Merupakan Red Green Blue Alpha, dagan rumus rgba(red, green, blue, alpha).
rgba values digunakan untuk memberikan warna sekaligus mengatur transparansi warna.
perhatikan gambar dibawah ini :
Terlihat digambar, nilai transparansi tertinggi adalah 1.0 dan nilai terendah adalah 0.0, semakin kebawah maka warna terlihat lebih transparan.
Sampai disini kita telah mempelajari berbagai kode warna di CSS, dan untuk kalian yang masih ingin menimba ilmu CSS, admin telah menyiapkan beberapa halaman yang dapat kalian baca dan pelajari. Linknya telah admin siapkan dibawah ini.
Artikel Lainnya :
Pengertian CSS dan Fungsinya | Kita Ngoding CSS #01 |
Syntax CSS | Kita Ngoding CSS #02 |
Selector Pada CSS | Kita Ngoding CSS #03 |
Cara Menggunakan CSS Di HTML | Kita Ngoding CSS #04 |
Membuat Komentar Di CSS | Kita Ngoding CSS #05 |
Code Warna Dalam CSS | Kita Ngoding CSS #06 |
Kode Background CSS | Kita Ngoding CSS #07 |
Cara Membuat Border Di CSS | Kita Ngoding CSS #08 |
Magin Dan Padding Pada CSS | Kita Ngoding CSS #09 |
CSS Height Dan Width | Kita Ngoding CSS #10 |
Box Model CSS | Kita Ngoding CSS #11 |
Reset CSS | Kita Ngoding CSS #12 |
Dimensi Dan Display Pada CSS |Kita Ngoding CSS#13|
Float CSS | Kita Ngoding CSS#14|
Clear CSS |Kita Ngoding CSS#15|
Sekian dari admin, mohon maaf jika ada salah kata atau pengucapan. semoga bermanfaat bagi kita semua yang membutuhkan.
Wassalamualaekum wr. wb
Untuk Penjelasan HEX, HSL mana bang?
BalasHapusMasih dalam proses pengembangan, sabar dulu ya..
BalasHapus