bersembang
1
x

Nilai Warna

Nilai warna adalah salah satu unsur yang paling berkuasa dalam seni. Halaman ini secara ringkas dan padat meringkaskan elemen nilai warna

Nilai Merah-Hijau-Biru (RGB) Heksadesimal (heks)

Warnakan sebagai nilai perenambelasan dalam format #RRGGBB.
R=merah, G=hijau, B=nilai heksadesimal biru antara 0 dan FF (sama dengan perpuluhan 255)

Sampel :

HTML: <div style="color:#efef00;">

CSS: .classname {color:#efef00;}

#000000
(black)

#FF0000
(red)

#00FF00
(green)

#0000FF
(blue)

Nilai heks boleh dipendekkan kepada #RGB, sebagai contoh #F00 = #FF0000.

Notasi Fungsian rgb() Merah-Hijau-Biru

Warnakannya sebagai nilai perpuluhan dalam bentuk: rgb (R, G, B)
R=red, G=green, B=blue nilai perpuluhan antara 0 dan 255 (bersama dengan hex FF)

Sampel :

HTML: <div style="color:rgb(128,128,64);">

CSS: .classname {color:rgb(128,128,64);}

rgb(0,0,0)
(black)

rgb(255,0,0)
(red)

rgb(0,255,0)
(green)

rgb(0,0,255)
(blue)

Notasi Fungsian rgba() Merah-Hijau-Biru-Alpha

Warnakan nilai perpuluhan sebagai: rgba (R, G, B, A)
R=red, G=green, B=blue nilai perpuluhan antara 0 dan 255 (bersama dengan hex FF)
A = alpha (ketelusan) Mark antara 0.0 ( telus sepenuhnya/tidak kelihatan) dan 1.0 (tidak telus)

Sampel :

HTML: <div style="color:rgba(128,128,64,1.0);">

CSS: .classname {color:rgba(128,128,64,1.0);}

rgba(0,0,0,1.0)
(black 100%)

rgba(255,0,0,1.0)
(red 100%)

rgba(0,255,0,1.0)
(green 100%)

rgba(0,0,255,1.0)
(blue 100%)

Sampel Alpha: Biru pada latar belakang putih

rgba(0,0,255,1.0)
(blue 100%)

rgba(0,0,255,0.75)
(blue 75%)

rgba(0,0,255,0.5)
(blue 50%)

rgba(0,0,255,0.25)
(blue 25%)

Notasi Fungsian Hue-Saturation-Lightness hsl().

Model hsl menggunakan bulatan warna pelangi (rona) digabungkan dengan ketepuan warna dan kecerahan dalam format: hsl (H, S, L)
H (Hue) = Warnakan sudut bulatan dari 0 hingga 360
S (Saturasi) = Ketepuan warna dari 0% hingga 100% (100% adalah ketepuan penuh, 0% ialah warna kelabu)
L (Lightness) = Kecerahan/Kecerahan daripada 0% hingga 100% (50% biasa, 100% putih, 0% hitam)

Sampel :

HTML: <div style="color:hsl(240,100%,50%);">

CSS: .classname {color:hsl(240,100%,50%);}

hsl(0,0%,0%)
(black)

hsl(0,100%,50%)
(red)

hsl(120,100%,50%)
(green)

hsl(240,100%,50%)
(blue)

Sampel Ketepuan (kecerahan biasa 50%) :

hsl(240,100%,50%)
(blue 100% saturation)

blue

hsl(240,75%,50%)
(blue 75% saturation)

hsl(240,50%,50%)
(blue 50% saturation)

hsl(240,25%,50%)
(blue 25% saturation)

hsl(240,0%,50%)
(blue 0% saturation)

shade of gray

Contoh Keringanan (ketepuan 100%) :

hsl(240,100%,100%)
(blue 100% lightness)

white

hsl(240,100%,75%)
(blue 75% lightness)

hsl(240,100%,50%)
(blue 50% lightness)

normal

hsl(240,100%,25%)
(blue 25% lightness)

hsl(240,100%,0%)
(blue 0% lightness)

black