Salam...!!! Selamat ketemu kembali,kali ini saya akan share tentang 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)
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.
Semoga bermanfaat.
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.
Semoga bermanfaat.
0 komentar:
Speak up your mind
Tell us what you're thinking... !