Kode Warna CSS Lengkap | Kita Ngoding CSS #06

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.

Kode Warna CSS Lengkap | Kita Ngoding CSS #06 |

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 :

  <h1 style="background-color: blue;">Warna Background Biru</h1>
  <p style="background-color: brown;">Warna Background Brown</p>

Memberikan Kode Warna Text CSS

Untuk dapat memberikan warna pada text kamu bisa melakukannya dengan cara ini :

  <h1 style="color: blue;">Warna Text Biru</h1>
  <p style="color: brown;">Warna Text Brown</p>

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

  <h1 style="border: 2px solid blue;">Warna Border Biru</h1>
  <p style="border: 2px solid darkgreen;">Warna Border Brown</p>

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 |