PONGEL: Warna - Warna Pada HTML

Warna web adalah warna-warna yang digunakan dalam perancangan halaman-halaman web, dan juga cara mendeskripsikan dan melakukan spesifikasi dari warna-warna tersebut.

Seorang penulis halaman web memiliki banyak kebebasan dalam memilih warna yang akan digunakan bagi elemen-elemen dokumen webnya. Warna-warna yang dimaksud dapat dispesifikasikan menggunakan triplet RGB dalam format heksadesimal (disebut juga sebagai triplet heksadesimal). Cara lain adalah dengan mereferensikan warna-warna tersebut dengan namanya dalam bahasa Inggris, akan tetapi cara ini berlaku terbatas pada hanya warna-warna yang telah dikenal atau dirumuskan. Untuk variasi-variasi warna lain umumnya digunakan piranti lunak grafik atau perkakas warna untuk membuatnya.
< style=";font-family:arial;font-size:100%;" >Contoh warna pada HTML

< class="black">#FFFFFF	< class="black">#FFFFCC	< class="black">#FFFF99	< class="black">#FFFF66	< class="black">#FFFF33	< class="black">#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
< style="color:white;">#FF33FF	< style="color:white;">#FF33CC	< style="color:white;">#FF3399	< style="color:white;">#FF3366	< style="color:white;">#FF3333	< style="color:white;">#FF3300
< style="color:white;">#FF00FF	< style="color:white;">#FF00CC	< style="color:white;">#FF0099	< style="color:white;">#FF0066	< style="color:white;">#FF0033	< style="color:white;">#FF0000

#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
< style="color:white;">#CC33FF	< style="color:white;">#CC33CC	< style="color:white;">#CC3399	< style="color:white;">#CC3366	< style="color:white;">#CC3333	< style="color:white;">#CC3300
< style="color:white;">#CC00FF	< style="color:white;">#CC00CC	< style="color:white;">#CC0099	< style="color:white;">#CC0066	< style="color:white;">#CC0033	< style="color:white;">#CC0000

#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
< style="color:white;">#9966FF	< style="color:white;">#9966CC	< style="color:white;">#996699	< style="color:white;">#996666	< style="color:white;">#996633	< style="color:white;">#996600
< style="color:white;">#9933FF	< style="color:white;">#9933CC	< style="color:white;">#993399	< style="color:white;">#993366	< style="color:white;">#993333	< style="color:white;">#993300
< style="color:white;">#9900FF	< style="color:white;">#9900CC	< style="color:white;">#990099	< style="color:white;">#990066	< style="color:white;">#990033	< style="color:white;">#990000

#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
< style="color:white;">#6666FF	< style="color:white;">#6666CC	< style="color:white;">#666699	< style="color:white;">#666666	< style="color:white;">#666633	< style="color:white;">#666600
< style="color:white;">#6633FF	< style="color:white;">#6633CC	< style="color:white;">#663399	< style="color:white;">#663366	< style="color:white;">#663333	< style="color:white;">#663300
< style="color:white;">#6600FF	< style="color:white;">#6600CC	< style="color:white;">#660099	< style="color:white;">#660066	< style="color:white;">#660033	< style="color:white;">#660000

#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
< class="white">< style="color:white;">#3366FF	< class="white">< style="color:white;">#3366CC	< class="white">< style="color:white;">#336699	< class="white">< style="color:white;">#336666	< class="white">< style="color:white;">#336633	< class="white">< style="color:white;">#336600
< style="color:white;">#3333FF	< style="color:white;">#3333CC	< style="color:white;">#333399	< style="color:white;">#333366	< style="color:white;">#333333	< style="color:white;">#333300
< style="color:white;">#3300FF	< style="color:white;">#3300CC	< style="color:white;">#330099	< style="color:white;">#330066	< style="color:white;">#330033	< style="color:white;">#330000

< class="black">#00FFFF	< class="black">#00FFCC	< class="black">#00FF99	< class="black">#00FF66	< class="black">#00FF33	< class="black">#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
< class="white">< style="color:white;">#0066FF	< class="white">< style="color:white;">#0066CC	< class="white">< style="color:white;">#006699	< class="white">< style="color:white;">#006666	< class="white">< style="color:white;">#006633	< class="white">< style="color:white;">#006600
< style="color:white;">#0033FF	< style="color:white;">#0033CC	< style="color:white;">#003399	< style="color:white;">#003366	< style="color:white;">#003333	< style="color:white;">#003300
< style="color:white;">#0000FF	< style="color:white;">#0000CC	< style="color:white;">#000099	< style="color:white;">#000066	< style="color:white;">#000033	< style="color:white;">#000000

< style="color:white;">#465584	< style="color:black;">#EEF2F7	< style="color:white;">#3A4F6C	< style="color:white;">#00D	< style="color:white;">#434951	< style="color:white;">#555
< style="color:white;">#777	< style="color:black;">#DFE6EF	< style="color:white;">#345487	< style="color:black;">#F5F9FD	< style="color:white;">#3860BB	< style="color:white;">#BCD0ED
< style="color:black;">#C2CFDF	< style="color:black;">#F0F5FA	< style="color:white;">#D1DCEB	< style="color:white;">#003	< style="color:white;">#900	< style="color:black;">#CCE9FD
< style="color:black;">#E4EAF2	< style="color:white;">#4C77B6	< style="color:black;">#DFE6EF	< style="color:black;">#EEF2F7	< style="color:black;">#FF	< style="font-size:10;"> >