Warna yang ditampilkan menggabungkan RED, GREEN, dan cahaya biru.
Nama warna
Dengan CSS, warna dapat diatur dengan menggunakan nama warna:
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.
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.
 | 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 |