Belajar HTML Bag 4: Kode Warna HTML & Kode Hexa

Kode Warna HTML Dan Penulisan Format Kode Hexa

Kode warna HTML dibutuhkan untuk memberi warna background Weblog agar menarik dengan tujuan agar pengunjung betah membaca artike di blog kita, berbagai keperluan dalam hal blog inilah maka pemilihan warna HTML perlu di pelajari. Kode HTML adalah bahasa yang dibaca oleh web browser. Tidak dapat dipungkiri belajar HTML maka perlu diketahui kode HTML dan tag untuk membuat sebuah halaman web. Ada aturan HTML tertentu yang perlu diikuti untuk menulis kode HTML untuk situs web.

 kode warna HTML boleh menggunakan nama warna (nama warna dalam Bhs. Inggris) juga diperbolehkan dengan code warna HTML saja. Kode warna dapat ditulis dengan  format kode hexa #rrggbb. dibawah ini dafftar 16 nama warna
dengan penggunaan kode dalam format hexa

WarnaKodeWarnaWarnaKodeWarna
black#000000lime#00FF00
white#FFFFFFfuchsia#FF00FF
blue#0000FFaqua#00FFFF
yellow#FFFF00silver#C0C0C0
red#FF0000maroon#800000
gray#808080purple#800080
olive#808000green#008000
teal#008080navy#000080

Dengan demikian, kode warna sesuai contoh di atas bisa ditulis sebagai berikut:catatan:
karakter 0 adalah nol bukan hurup O

kode warna html<HTML>

<BODY BGCOLOR=”#FFFF00″
TEXT=”#FF0000″>

Tulisan ini akan tampak dalam browser.

</BODY>

</HTML>

Daftar Pengelompokan Kode Warna HTML dan Format Kode Hexa

Konten utama dari halaman web yang ditampilkan oleh browser terkandung dalam <body> dan </ body> tag. Semua isi tekstual dan grafis dari situs harus terkandung dalam <body> dan </ body> tag. Tag tubuh memiliki ‘bgcolor’ dan ‘font’ atribut untuk mengatur warna latar belakang dan jenis font.

Daftar Pengelompokan Kode Warna Format  Hexa Warna HTML

Putih
ColorRedGreenBlueHexa CodeSample
antique_white250235215#FAEBD7Sample
azure240255255#F0FFFFSample
bisque255228196#FFE4C4Sample
blanched_almond255235205#FFEBCDSample
cornsilk255248220#FFF8DCSample
eggshell252230201#FCE6C9Sample
floral_white255250240#FFFAF0Sample
gainsboro220220220#DCDCDCSample
ghost_white248248255#F8F8FFSample
honeydew240255240#F0FFF0Sample
ivory255255240#FFFFF0Sample
lavender230230250#E6E6FASample
lavender_blush255240245#FFF0F5Sample
lemon_chiffon255250205#FFFACDSample
linen250240230#FAF0E6Sample
mint_cream245255250F5FFFASample
misty_rose255228225#FFE4E1Sample
moccasin255228181#FFE4B5Sample
navajo_white255222173#FFDEADSample
old_lace253245230#FDF5E6Sample
papaya_whip255239213#FFEFD5Sample
peach_puff255218185#FFDAB9Sample
seashell255245238#FFF5EESample
snow255250250#FFFAFASample
thistle216191216#D8BFD8Sample
titanium_white252255240#FCFFF0Sample
wheat245222179#F5DEB3Sample
white255255255#FFFFFFSample
white_smoke245245245#F5F5F5Sample
zinc_white253248255#FDF8FFSample
Kode Warna HTML Kelompok Hitam
ColorRedGreenBlueHexa CodeSample
black000#000000Sample
ivory_black413633#292421Sample
lamp_black467159#2E473BSample
Abu-Abu
ColorRedGreenBlueHexa CodeSample
cold_grey128138135#808A87Sample
dim_grey105105105#696969Sample
grey192192192#C0C0C0Sample
light_grey211211211#D3D3D3Sample
slate_grey112128144#708090Sample
slate_grey_dark477979#2F4F4FSample
slate_grey_light119136153#778899Sample
warm_grey128128105#808069Sample
Merah
ColorRedGreenBlueHexa CodeSample
alizarin_crimson2273854#E32636Sample
brick15610231#9C661FSample
cadmium_red_deep2272313#E3170DSample
coral25512780#FF7F50Sample
coral_light240128128#F08080Sample
deep_pink25520147#FF1493Sample
english_red2126126#D43D1ASample
firebrick1783434#B22222Sample
geranium_lake2271848#E31230Sample
hot_pink255105180#FF69B4Sample
indian_red1762331#B0171FSample
light_salmon255160122#FFA07ASample
madder_lake_deep2274648#E32E30Sample
maroon1764896#B03060Sample
pink255192203#FFC0CBSample
pink_light255182193#FFB6C1Sample
raspberry1353887#872657Sample
red25500#FF0000Sample
rose_madder2275456#E33638Sample
salmon250128114#FA8072Sample
tomato2559971#FF6347Sample
venetian_red2122631#D41A1FSample
Kuning
ColorRedGreenBlueHexa CodeSample
aureoline_yellow25516836#FFA824Sample
banana22720787#E3CF57Sample
cadmium_lemon2552273#FFE303Sample
cadmium_yellow25515318#FF9912Sample
cadmium_yellow_light25517615#FFB00FSample
gold2552150#FFD700Sample
goldenrod21816532#DAA520Sample
goldenrod_dark18413411#B8860BSample
goldenrod_light250250210#FAFAD2Sample
goldenrod_pale238232170#EEE8AASample
light_goldenrod238221130#EEDD82Sample
melon227168105#E3A869Sample
naples_yellow_deep25516818#FFA812Sample
yellow2552550#FFFF00Sample
yellow_light255255224#FFFFE0Sample
Kode Warna HTML Kelompok Coklat
ColorRedGreenBlueHexa CodeSample
beige163148128#A39480Sample
brown1284242#802A2ASample
brown_madder2194141#DB2929Sample
brown_ochre1356631#87421FSample
burlywood222184135#DEB887Sample
burnt_sienna1385415#8A360FSample
burnt_umber1385136#8A3324Sample
chocolate21010530#D2691ESample
deep_ochre1156126#733D1ASample
flesh25512564#FF7D40Sample
flesh_ochre2558733#FF5721Sample
gold_ochre19912038#C77826Sample
greenish_umber2556113#FF3D0DSample
khaki240230140#F0E68CSample
khaki_dark189183107#BDB76BSample
light_beige245245220#F5F5DCSample
peru20513363#CD853FSample
rosy_brown188143143#BC8F8FSample
raw_sienna1999720#C76114Sample
raw_umber1157418#734A12Sample
sepia943818#5E2612Sample
sienna1608245#A0522DSample
saddle_brown1396919#8B4513Sample
sandy_brown24416496#F4A460Sample
tan210180140#D2B48CSample
van_dyke_brown94385#5E2605Sample
Kode Warna HTML Kelompok Jingga
ColorRedGreenBlueHexa CodeSample
cadmium_orange255973#FF6103Sample
cadmium_red_light255313#FF030DSample
carrot23714533#ED9121Sample
dark_orange2551400#FF8C00Sample
mars_orange1506920#964514Sample
mars_yellow22711226#3701ASample
orange2551280#FF8000Sample
orange_red255690#FF4500Sample
yellow_ochre22713023#E38217Sample
Biru
ColorRedGreenBlueHexa CodeSample
alice_blue240248255#F0F8FFSample
blue00255#0000FFSample
blue_light173216230#ADD8E6Sample
blue_medium00205#0000CDSample
cadet95158160#5F9EA0Sample
cobalt6189171#3D59ABSample
cornflower100149237#6495EDSample
cerulean5184204#05B8CCSample
dodger_blue30144255#1E90FFSample
indigo84684#082E54Sample
manganese_blue3168158#03A89ESample
midnight_blue2525112#191970Sample
navy00128#000080Sample
peacock51161201#33A1C9Sample
powder_blue176224230#B0E0E6Sample
royal_blue65105225#4169E1Sample
slate_blue10690205#6A5ACDSample
slate_blue_dark7261139#483D8BSample
slate_blue_light132112255#8470FFSample
slate_blue_medium123104238#7B68EESample
sky_blue135206235#87CEEBSample
sky_blue_deep0191255#00BFFFSample
sky_blue_light135206250#87CEFASample
steel_blue70130180#4682B4Sample
steel_blue_light176196222#B0C4DESample
turquoise_blue0199140#00C78CSample
ultramarine1810143#120A8FSample
Hijau
ColorRedGreenBlueHexa CodeSample
chartreuse1272550#7FFF00Sample
chrome_oxide_green10212820#668014Sample
cinnabar_green9717941#61B329Sample
cobalt_green6114564#3D9140Sample
emerald_green020187#00C957Sample
forest_green3413934#228B22Sample
green02550#00FF00Sample
green_dark01000#006400Sample
green_pale152251152#98FB98Sample
green_yellow17325547#ADFF2FSample
lawn_green1242520#7CFC00Sample
lime_green5020550#32CD32Sample
mint189252201#BDFCC9Sample
olive599443#3B5E2BSample
olive_drab10714235#6B8E23Sample
olive_green_dark8510747#556B2FSample
permanent_green1020143#0AC92BSample
sap_green4812820#308014Sample
sea_green4613987#2E8B57Sample
sea_green_dark143188143#8FBC8FSample
sea_green_medium60179113#3CB371Sample
sea_green_light32178170#20B2AASample
spring_green0255127#00FF7FSample
spring_green_medium0250154#00FA9ASample
terre_verte569415#385E0FSample
viridian_light110255112#6EFF70Sample
yellow_green15420550#9ACD32Sample
Kode
Warna HTML Cyans
ColorRedGreenBlueHexa CodeSample
aquamarine127255212#7FFFD4Sample
aquamarine_medium102205170#66CDAASample
cyan0255255#00FFFFSample
cyan_white224255255#E0FFFFSample
turquoise64224208#40E0D0Sample
turquoise_dark0206209#00CED1Sample
turquoise_medium72209204#48D1CCSample
turquoise_pale175238238#AFEEEESample
Magentas
ColorRedGreenBlueHexa CodeSample
blue_violet13843226#8A2BE2Sample
cobalt_violet_deep14533158#91219ESample
magenta2550255#FF00FFSample
orchid218112214#DA70D6Sample
orchid_dark15350204#9932CCSample
orchid_medium18685211#BA55D3Sample
permanent_red_violet2193869#DB2645Sample
plum221160221#DDA0DDSample
purple16032240#A020F0Sample
purple_medium147112219#9370DBSample
ultramarine_violet9236110#5C246ESample
violet14394153#8F5E99Sample
violet_dark1480211#9400D3Sample
violet_red20832144D02090Sample
violet_red_medium19921133#C71585Sample
violet_red_pale219112147#DB7093Sample

Bagi yang terbiasa dengan design website, blog, utamanya para desainer template tentu sudah terbiasa dengn code Warna HTML. kode ini berisi dari gabungan 6 karakter jika dibuka pada browser akan menjadi warna.

Coba praktekkan membuat file HTML dengan menggunakan kode warna HTML