Forum | tutorial pengembangan web terbaru
 

Colors tutorial


Warna yang ditampilkan menggabungkan RED, GREEN, dan cahaya biru.


Nama warna

Dengan CSS, warna dapat diatur dengan menggunakan nama warna:

Contoh

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
Cobalah sendiri "

Nilai CSS Color

Dengan CSS, warna dapat ditentukan dengan cara yang berbeda:

  • Dengan nama warna
  • Sebagai nilai-nilai RGB
  • Sebagai nilai-nilai heksadesimal
  • Sebagai nilai-nilai HSL (CSS3)
  • Sebagai nilai-nilai HWB (CSS4)

Warna RGB

RGB nilai warna didukung di semua browser.

Nilai warna RGB ditentukan dengan: rgb (merah, hijau, biru).

Setiap parameter (merah, hijau, dan biru) mendefinisikan intensitas warna sebagai integer antara 0 dan 255.

Misalnya, rgb (0,0,255) diterjemahkan sebagai biru, karena parameter biru diatur ke nilai tertinggi (255) dan yang lainnya diatur ke 0.

Contoh

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
Cobalah sendiri "

Nuansa abu-abu sering didefinisikan menggunakan nilai yang sama untuk semua sumber cahaya 3:

Contoh

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
Cobalah sendiri "

Warna heksadesimal

nilai warna heksadesimal juga didukung di semua browser.

Sebuah warna heksadesimal ditentukan dengan: #RRGGBB.

RR (merah), GG (hijau) dan BB (biru) adalah bilangan bulat heksadesimal antara 00 dan FF menentukan intensitas warna.

Misalnya, # 0000FF ditampilkan sebagai biru, karena komponen biru diatur ke nilai tertinggi (FF) dan yang lainnya ditetapkan untuk 00.

Contoh

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue
Cobalah sendiri "

Nuansa abu-abu sering didefinisikan menggunakan nilai yang sama untuk semua sumber cahaya 3:

Contoh

Color HEX RGB Color
  #000000 rgb(0,0,0) Black
  #808080 rgb(128,128,128) Gray
  #FFFFFF rgb(255,255,255) White
Cobalah sendiri "

Atas Kasus atau Bawah Case?

Anda dapat menggunakan huruf besar atau huruf kecil untuk menentukan nilai-nilai heksadesimal.

Catatan huruf kecil lebih mudah untuk menulis. Atas kasus lebih mudah dibaca.

Nama warna

CSS mendukung 140 nama warna standar.

Dalam bab berikutnya Anda akan menemukan daftar abjad lengkap nama warna dengan nilai-nilai heksadesimal:

Color Name Hex Color
AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4