tutorial pengembangan web terbaru
 

CSS warna


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


Warna dalam CSS yang paling sering ditentukan oleh:

  • nama warna yang valid - seperti "red"
  • nilai RGB - seperti "rgb(255, 0, 0)"
  • nilai HEX - seperti "#ff0000"

Nama warna

Warna diatur dengan menggunakan nama warna:

Contoh

Color Name
 Red
 Green
 Blue
 Orange
 Yellow
 Cyan
 Black
Cobalah sendiri "

Catatan: Nama-nama Warna adalah case-sensitive: "Red" adalah sama dengan "red" atau "RED" .

HTML dan CSS mendukung 140 nama warna standar .


RGB (Red, Green, Blue)

RGB nilai warna dapat ditentukan menggunakan rumus ini: rgb (merah, hijau, biru).

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

Misalnya, rgb(255,0,0) ditampilkan sebagai merah, karena merah diatur ke nilai tertinggi (255) dan yang lainnya diatur ke 0. Percobaan dengan mencampur nilai-nilai RGB berikut:

Merah hijau Biru
255 0 0
rgb (255, 0, 0)

Contoh

Color RGB
  rgb(255,0,0)
  rgb(0,255,0)
  rgb(0,0,255)
  rgb(255,165,0)
  rgb(255,255,0)
  rgb(0,255,255)
Cobalah sendiri "

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

Contoh

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

Warna heksadesimal

Nilai-nilai RGB juga dapat ditentukan dengan menggunakan nilai warna heksadesimal berupa: # RRGGBB, di mana RR (merah), GG (hijau) dan BB (biru) adalah nilai-nilai heksadesimal antara 00 dan FF (sama seperti desimal 0-255).

Misalnya, #FF0000 ditampilkan sebagai merah, karena merah diatur ke nilai tertinggi (FF) dan yang lainnya diatur ke nilai terendah (00) Catatan:. Nilai-nilai HEX adalah case-sensitive: "#ff0000" adalah sama sebagai "FF0000" .

Contoh

Color HEX
  #FF0000
  #00FF00
  #0000FF
  #FFA500
  #FFFF00
  #00FFFF
Cobalah sendiri "

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

Contoh

Color HEX
  #000000
  #808080
  #FFFFFF
Cobalah sendiri "