Senin, 07 Februari 2011

Kode Warna HTML

Seringkali kita dihadapakan dengan warna kode-kode html, lumayan menyulitkan karena pastinya kita tidak akan hapal secara kesseluruhan. Paling banter hanya kode-kode warna dasar. Untuk posting kali ini saya akan menyarikan kode-kode tersebut.

Disusun melalui urutan kode, untuk memudahkan mencari kode yang kita inginkan, mulai dari #000000 (hitam) s/d – #FFFFFF (putih)


Warna
Contoh
Kode
1
2
3
Black

#000000
navy

#000080
blue_medium

#0000CD
blue

#0000FF
green_dark

#006400
sky_blue_deep

#00BFFF
turquoise_blue

#00C78C
emerald_green

#00C957
turquoise_dark

#00CED1
spring_green_medium

#00FA9A
green

#00FF00
spring_green

#00FF7F
cyan

#00FFFF
manganese_blue

#03A89E
cerulean

#05B8CC
indigo

#082E54
permanent_green

#0AC92B
ultramarine

#120A8F
midnight_blue

#191970
dodger_blue

#1E90FF
sea_green_light

#20B2AA
forest_green

#228B22
ivory_black

#292421
lamp_black

#2E473B
sea_green

#2E8B57
slate_grey_dark

#2F4F4F
sap_green

#308014
lime_green

#32CD32
peacock

#33A1C9
terre_verte

#385E0F
olive

#3B5E2B
sea_green_medium

#3CB371
cobalt

#3D59AB
cobalt_green

#3D9140
turquoise

#40E0D0
royal_blue

#4169E1
steel_blue

#4682B4
slate_blue_dark

#483D8B
turquoise_medium

#48D1CC
olive_green_dark

#556B2F
ultramarine_violet

#5C246E
van_dyke_brown

#5E2605
sepia

#5E2612
cadet

#5F9EA0
cinnabar_green

#61B329
cornflower

#6495ED
chrome_oxide_green

#668014
aquamarine_medium

#66CDAA
dim_grey

#696969
slate_blue

#6A5ACD
olive_drab

#6B8E23
viridian_light

#6EFF70
slate_grey

#708090
deep_ochre

#733D1A
raw_umber

#734A12
slate_grey_light

#778899
slate_blue_medium

#7B68EE
lawn_green

#7CFC00
chartreuse

#7FFF00
aquamarine

#7FFFD4
brown

#802A2A
warm_grey

#808069
cold_grey

#808A87
slate_blue_light

#8470FF
raspberry

#872657
brown_ochre

#87421F
sky_blue

#87CEEB
sky_blue_light

#87CEFA
blue_violet

#8A2BE2
burnt_umber

#8A3324
burnt_sienna

#8A360F
saddle_brown

#8B4513
violet

#8F5E99
sea_green_dark

#8FBC8F
cobalt_violet_deep

#91219E
purple_medium

#9370DB
violet_dark

#9400D3
mars_orange

#964514
green_pale

#98FB98
orchid_dark

#9932CC
yellow_green

#9ACD32
brick

#9C661F
purple

#A020F0
sienna

#A0522D
beige

#A39480
blue_light

#ADD8E6
green_yellow

#ADFF2F
turquoise_pale

#AFEEEE
indian_red

#B0171F
maroon

#B03060
steel_blue_light

#B0C4DE
powder_blue

#B0E0E6
firebrick

#B22222
goldenrod_dark

#B8860B
orchid_medium

#BA55D3
rosy_brown

#BC8F8F
khaki_dark

#BDB76B
mint

#BDFCC9
grey

#C0C0C0
violet_red_medium

#C71585
raw_sienna

#C76114
gold_ochre

#C77826
peru

#CD853F
violet_red

#D02090
chocolate

#D2691E
tan

#D2B48C
light_grey

#D3D3D3
venetian_red

#D41A1F
english_red

#D43D1A
thistle

#D8BFD8
orchid

#DA70D6
goldenrod

#DAA520
permanent_red_violet

#DB2645
brown_madder

#DB2929
violet_red_pale

#DB7093
gainsboro

#DCDCDC
plum

#DDA0DD
burlywood

#DEB887
cyan_white

#E0FFFF
geranium_lake

#E31230
cadmium_red_deep

#E3170D
alizarin_crimson

#E32636
madder_lake_deep

#E32E30
rose_madder

#E33638
mars_yellow

#E3701A
yellow_ochre

#E38217
melon

#E3A869
banana

#E3CF57
lavender

#E6E6FA
carrot

#ED9121
light_goldenrod

#EEDD82
goldenrod_pale

#EEE8AA
coral_light

#F08080
khaki

#F0E68C
alice_blue

#F0F8FF
honeydew

#F0FFF0
azure

#F0FFFF
sandy_brown

#F4A460
wheat

#F5DEB3
light_beige

#F5F5DC
white_smoke

#F5F5F5
mint_cream

#F5FFFA
ghost_white

#F8F8FF
salmon

#FA8072
Antique_white

#FAEBD7
linen

#FAF0E6
goldenrod_light

#FAFAD2
eggshell

#FCE6C9
titanium_white

#FCFFF0
old_lace

#FDF5E6
zinc_white

#FDF8FF
red

#FF0000
magenta

#FF00FF
cadmium_red_light

#FF030D
deep_pink

#FF1493
greenish_umber

#FF3D0D
orange_red

#FF4500
flesh_ochre

#FF5721
cadmium_orange

#FF6103
tomato

#FF6347
hot_pink

#FF69B4
flesh

#FF7D40
coral

#FF7F50
orange

#FF8000
dark_orange

#FF8C00
cadmium_yellow

#FF9912
light_salmon

#FFA07A
naples_yellow_deep

#FFA812
aureoline_yellow

#FFA824
cadmium_yellow_light

#FFB00F
pink_light

#FFB6C1
pink

#FFC0CB
gold

#FFD700
peach_puff

#FFDAB9
navajo_white

#FFDEAD
cadmium_lemon

#FFE303
moccasin

#FFE4B5
Bisque

#FFE4C4
misty_rose

#FFE4E1
blanched_almond

#FFEBCD
papaya_whip

#FFEFD5
lavender_blush

#FFF0F5
seashell

#FFF5EE
cornsilk

#FFF8DC
lemon_chiffon

#FFFACD
floral_white

#FFFAF0
snow

#FFFAFA
yellow

#FFFF00
yellow_light

#FFFFE0
ivory

#FFFFF0
white
#FFFFFF

atau:


DALAM kegiatan blogging salah satu faktor penting yang tidak boleh dilewatkan adalah penentuan kombinasi warna dalam suatu desain blog. Warna dari sebuah blog bisa menjadi ciri khas tersendiri, warna juga bisa melambangkan kepribadian sang pemilik blog. Demikian pula dalam membuat sebuah postingan, warna sangat menentukan untuk membedakan isi postingan dan link-link tertentu. Bayangkan jika dalam postingan artikel terdapat tulisan dan link yang berwarna sama, tentu para pembaca tidak mengetahui kalau ada link penting yang kita sisipkan.

Pada postingan kali ini, author menyajikan tabel html untuk kode-kode warna yang bisa digunakan di blog kita baik itu untuk background, teks, link, tabel, garis, dsb. Sebelumnya untuk melihat kode warna, author terpaksa harus membuka dulu program Adobe Photoshop untuk melihat kode-kode warna. Nah untuk memudahkannya dibuatlah postingan ini supaya kegiatan blogging bisa lebih mudah dan cepat. Kode-kode warna ini juga bisa digunakan rekan-rekan blogger untuk mengetahui nilai heksa dari suatu warna. Cara penggunaannya cukup mudah, kita tinggal klik warna yang diinginkan, maka nilai heksanya akan muncul di kotak di bawahnya.
Selamat menikmati...

0 comments:

Posting Komentar