Tutorial CSS - Membuat Warna

Cara Membuat Warna CSS


Warna pada halaman web menggunakan kombinasi warna dasar RGB (Red Green Blue). Pengaturan warna pada CSS bisa digunakan untuk mengubah warna hampir semua baian atau elemen pada HTML.

Cara mendefinisakan warna bisa menggunakan nama-nama warna dalam bahasa inggris, namun menggunakan cara ini akan terbatas pada nama warna yang sudah dirumuskan saja.
Nama warna yang bisa digunakan yaitu:

kode warna css


Warna RGB (Red Green Blue)

Untuk membuat sebuah warna selain dari warna-warna tersebut, anda bisa menggunakan format warna RGB. Dengan begitu anda bisa mendapatkan warna yang diinginkan.

Cara penulisan warna dengan format RGB


Parameter untuk (red, green, blue) menggunakan nilai mulai dari 0 sampai 255.

Sebagai contoh, rgb(0, 0, 255) akan menghasilkan warna biru, rgb(0, 255, 0) akan menghasilkan warna hijau dan rgb(255, 0, 0) akan menghasilkan warna merah.

Anda bisa mengkombinasikan nilai ketiganya untuk menghasilkan warna lain.
Contoh

  • rgb(255, 255, 0) akan menghasilkan warna kuning.
  • rgb(255, 0 ,255) akan menghasilkan warna ungu.
  • rgb(255, 50, 150) akan menghasilkan warna merah muda.

kode warna css rgb

kode warna css rgb


Warna Hexadesimal

Penulisan untuk kode warna dengan format hexadesimal adalah 


Dimana RR(red) GG(green) dan BB(blue).

Nilai dari warna hexadesimal antara 00 sampai dengan nilai tertinggi FF.
Sebagai contoh untuk membuat warna merah menggunakan kode #FF0000.

kode warna css hexadesimal

kode warna css hexadesimal


Anda bisa mencoba membuat kode warna dengan menggunakan color picker yang ada di website colorpicker.com.
Previous
Next Post »