MENGENAL KODE WARNA HTML & PENGGUNAANNYA
HTML Warna/Warna Web adalah warna yang digunakan dalam merancang halaman web / blog. Seorang penulis web page / blog memiliki banyak kebebasan dalam memilih warna yang akan digunakan untuk elemen dokumen tersebut. Warna-warna tersebut dapat ditentukan dengan menggunakan RGB triplet dalam format heksadesimal (juga dikenal sebagai triplet heksadesimal). Cara lain adalah dengan merujuk warna-warna ini dengan nama dalam bahasa Inggris, tetapi efek ini akan terbatas hanya warna yang sudah dikenal atau yang sudah dirumuskan. Untuk variasi warna lain yang umum digunakan perangkat lunak grafis atau warna untuk membuatnya.Penggunaan HTML
<b style="color:#FF9329;"> Contoh Penggunaan Warna.</b>
Akan memberikan Hasil
Atau ketika digunakan dalam nama referensi, seperti 'Tomato'
<b style="color:Tomato;"> Contoh penggunaan warna 'Tomat' pada tag b dalam HTML </b>
hasil yang akan diperoleh
Bagaimana hal yang sama berlaku untuk tag HTML lainnya. Pelaksanaan warna juga dapat dilakukan melalui penggunaan web CSS ini.
- Triplet RGB
| Warna | Triplet Heksadesimal | Heksadesimal | Desimal | ||||
|---|---|---|---|---|---|---|---|
| R | G | B | R | G | B | ||
| #000000 | 00 | 00 | 00 | 0 | 0 | 0 | |
| #FFFFFF | FF | FF | FF | 255 | 255 | 255 | |
| #0000FF | 00 | 00 | FF | 0 | 0 | 255 | |
| #00FF00 | 00 | FF | 00 | 0 | 255 | 0 | |
| #FF0000 | FF | 00 | 00 | 255 | 0 | 0 | |
| #F0F8FF | F0 | F8 | FF | 240 | 248 | 255 | |
| #F5DEBB3 | F5 | DE | B3 | 245 | 222 | 179 | |
| #DB7093 | DB | 70 | 93 | 219 | 112 | 147 | |
Setiap dua karakter dari R, G dan B juga dapat direpresentasikan dalam satu byte, sehingga RGB sendiri dapat direpresentasikan dalam entitas 3 byte berukuran:
byte 1: nilai Merah/Red (R)
byte 2: nilai Hijau/Green (G)
byte 3: nilai Biru/Blue (B)
Namun cara ini umumnya dipergunakan dalam menyimpan informasi pada berkas grafik atau gambar dan tidak lazim digunakan dalam HTML. Meskipun demikian pengertian ini diperlukan mengingat batasan nilai yang dapat diisikan untuk tiap entitas RGB diturunkan dari batasan ukuran byte yang dulunya hanya 8 bit (0-255 atau 00-FF). Meskipun adanya batasan tersebut jumlah warna yang dapat ditampilkan menggunakan sistem pewarnaan ini sudah cukup banyak, yaitu 256 x 256 x256 = 16.777.216, Dengan kata lain, lebih dari 16 juta warna dapat direpresentasikan dengan cara ini.
Nama Warna HTML
| Warna | Nomor VGA | Nama VGA | Heksadesimal | Nama HTML |
|---|---|---|---|---|
| 0 | black | #000000 | black | |
| 1 | dark blue | #000080 | navy | |
| 2 | dark green | #008000 | green | |
| 3 | cyan | #008080 | teal | |
| 4 | dark red | #800000 | maroon | |
| 5 | magenta | #800080 | purple | |
| 6 | brown | #808000 | olive | |
| 7 | light gray | #C0C0C0 | silver | |
| 8 | dark gray | #808080 | gray | |
| 9 | light blue | #0000FF | blue | |
| 10 | light green | #00FF00 | lime | |
| 11 | light cyan | #00FFFF | aqua | |
| 12 | light red | #FF0000 | red | |
| 13 | light magenta | #FF00FF | fuchsia | |
| 14 | yellow | #FFFF00 | yellow | |
| 15 | intensive white | #FFFFFF | white |
Warna-warna lain,
Warna
|
Nama HTML
|
Heksadesimal
| |
IndianRed
|
#CD5C5C
| ||
LightCoral
|
#F08080
| ||
Salmon
|
#FA8072
| ||
DarkSalmon
|
#E9967A
| ||
LightSalmon
|
#FFA07A
| ||
Crimson
|
#DC143C
| ||
Red
|
#FF0000
| ||
FireBrick
|
#B22222
| ||
DarkRed
|
#8B0000
|
2. 6 Warna pink.
Warna
|
Nama HTML
|
Heksadesimal
|
Pink
|
#FFC0CB
| |
LightPink
|
#FFB6C1
| |
HotPink
|
#FF69B4
| |
DeepPink
|
#FF1493
| |
MediumVioletRed
|
#C71585
| |
PaleVioletRed
|
#DB7093
|
3. 6 Warna orange.
Warna
|
Nama HTML
|
Heksadesimal
|
LightSalmon
|
#FFA07A
| |
Coral
|
#FF7F50
| |
Tomato
|
#FF6347
| |
OrangeRed
|
#FF4500
| |
DarkOrange
|
#FF8C00
| |
Orange
|
#FFA500
|
4. 11 Warna kuning.
Warna
|
Nama HTML
|
Heksadesimal
|
Gold
|
#FFD700
| |
Yellow
|
#FFFF00
| |
LightYellow
|
#FFFFE0
| |
LemonChiffon
|
#FFFACD
| |
LightGoldenrodYellow
|
#FAFAD2
| |
PapayaWhip
|
#FFEFD5
| |
Moccasin
|
#FFE4B5
| |
PeachPuff
|
#FFDAB9
| |
PaleGoldenrod
|
#EEE8AA
| |
Khaki
|
#F0E68C
| |
DarkKhaki
|
#BDB76B
|
5. 17 Warna Ungu
Warna
|
Nama HTML
|
Heksadesimal
|
Lavender
|
#E6E6FA
| |
Thistle
|
#D8BFD8
| |
Plum
|
#DDA0DD
| |
Violet
|
#EE82EE
| |
Orchid
|
#DA70D6
| |
Fuchsia
|
#FF00FF
| |
Magenta
|
#FF00FF
| |
MediumOrchid
|
#BA55D3
| |
MediumPurple
|
#9370DB
| |
BlueViolet
|
#8A2BE2
| |
DarkViolet
|
#9400D3
| |
DarkOrchid
|
#9932CC
| |
DarkMagenta
|
#8B008B
| |
Purple
|
#800080
| |
Indigo
|
#4B0082
| |
SlateBlue
|
#6A5ACD
| |
DarkSlateBlue
|
#483D8B
|
6. 23 Warna Hijau
Warna
|
Nama HTML
|
Heksadesimal
|
GreenYellow
|
#ADFF2F
| |
Chartreuse
|
#7FFF00
| |
LawnGreen
|
#7CFC00
| |
Lime
|
#00FF00
| |
LimeGreen
|
#32CD32
| |
PaleGreen
|
#98FB98
| |
LightGreen
|
#90EE90
| |
MediumSpringGreen
|
#00FA9A
| |
SpringGreen
|
#00FF7F
| |
MediumSeaGreen
|
#3CB371
| |
SeaGreen
|
#2E8B57
| |
ForestGreen
|
#228B22
| |
Green
|
#008000
| |
DarkGreen
|
#006400
| |
YellowGreen
|
#9ACD32
| |
OliveDrab
|
#6B8E23
| |
Olive
|
#808000
| |
DarkOliveGreen
|
#556B2F
| |
MediumAquamarine
|
#66CDAA
| |
DarkSeaGreen
|
#8FBC8F
| |
LightSeaGreen
|
#20B2AA
| |
DarkCyan
|
#008B8B
| |
Teal
|
#008080
|
7. 25 Warna Biru
Warna
|
Nama HTML
|
Heksadesimal
|
Blue Water
|
#00FFFF
| |
Cyan
|
#00FFFF
| |
Light Cyan
|
#E0FFFF
| |
Pale Turquoise
|
#AFEEEE
| |
Aquamarine
|
#7FFFD4
| |
Toska
|
#40E0D0
| |
Toska Was
|
#48D1CC
| |
Dark Turquoise
|
#00CED1
| |
Cadet Blue
|
#5F9EA0
| |
Steel Blue
|
#4682B4
| |
Light Steel Blue
|
#B0C4DE
| |
Powder Blue
|
#B0E0E6
| |
Light Blue
|
#ADD8E6
| |
Sky Blue
|
#87CEEB
| |
Bright Blue Sky
|
#87CEFA
| |
Blue Sky In
|
#00BFFF
| |
Dodger Blue
|
#1E90FF
| |
Corn Flower Blue
|
#6495ED
| |
Medium Slate Blue
|
#7B68EE
| |
Blue Patrician
|
#4169E1
| |
Blue
|
#0000FF
| |
Medium Blue
|
#0000CD
| |
Dark Blue
|
#00008B
| |
Navy Blue
|
#000080
| |
Midnight Blue
|
#191970
|
8. 17 Warna Coklat
Color
|
HTML Name
|
Hexadecimal
|
Cornsilk
|
#FFF8DC
| |
BlanchedAlmond
|
#FFEBCD
| |
Bisque
|
#FFE4C4
| |
NavajoWhite
|
#FFDEAD
| |
Wheat
|
#F5DEB3
| |
BurlyWood
|
#DEB887
| |
Tan
|
#D2B48C
| |
RosyBrown
|
#BC8F8F
| |
SandyBrown
|
#F4A460
| |
Goldenrod
|
#DAA520
| |
DarkGoldenrod
|
#B8860B
| |
Peru
|
#CD853F
| |
Chocolate
|
#D2691E
| |
SaddleBrown
|
#8B4513
| |
Sienna
|
#A0522D
| |
Brown
|
#A52A2A
| |
Maroon
|
#800000
|
9. 17 Warna putih
Warna
|
Nama HTML
|
Heksadesimal
|
White
|
#FFFFFF
| |
Snow
|
#FFFAFA
| |
Honeydew
|
#F0FFF0
| |
MintCream
|
#F5FFFA
| |
Azure
|
#F0FFFF
| |
AliceBlue
|
#F0F8FF
| |
GhostWhite
|
#F8F8FF
| |
WhiteSmoke
|
#F5F5F5
| |
Seashell
|
#FFF5EE
| |
Beige
|
#F5F5DC
| |
OldLace
|
#FDF5E6
| |
FloralWhite
|
#FFFAF0
| |
Ivory
|
#FFFFF0
| |
AntiqueWhite
|
#FAEBD7
| |
Linen
|
#FAF0E6
| |
LavenderBlush
|
#FFF0F5
| |
MistyRose
|
#FFE4E1
|
10. 10 Warna abu-abu
Warna
|
Nama HTML
|
Heksadesimal
|
Gainsboro
|
#DCDCDC
| |
LightGrey
|
#D3D3D3
| |
Silver
|
#C0C0C0
| |
DarkGray
|
#A9A9A9
| |
Gray
|
#808080
| |
DimGray
|
#696969
| |
LightSlateGray
|
#778899
| |
SlateGray
|
#708090
| |
DarkSlateGray
|
#2F4F4F
| |
Black
|
#000000
|
----------------------------
Sumber : Wikipedia Indonesia
----------------------------
No comments:
Post a Comment
Boleh komentar tapi yang positif aja ya