Uncategorized
Daftar Kode Warna HTML CSS Lengkap
Warna merupakan sebuah elemen penting pada desain blog. Salah satu hal yang harus Anda lakukan adalah menentukan warna apa yang ingin Anda gunakan pada desain blog Anda.
Di bawah ini tabel kode warna HTML & CSS yang dapat Anda gunakan untuk memperindah tampilan blog anda. Tidak hanya memperindah, banyak hal hal lain yang dapat dipengaruhi oleh warna.
Nama Warna
Kode HEX
Kode RGB
Alice Blue
#F0F8FF
rgb(240, 248, 254)
Antique White
#FAEBD7
rgb(251, 235, 217)
Aqua
#00FFFF
rgb(0, 255, 254)
Aquamarine
#7FFFD4
rgb(115, 255, 216)
Azure
#F0FFFF
rgb(239, 255, 255)
Beige
#F5F5DC
rgb(245, 245, 223)
Bisque
#FFE4C4
rgb(255, 227, 200)
Black
#000000
rgb(0, 0, 0)
Blanched Almond
#FFEBCD
rgb(255, 234, 208)
Blue
#0000FF
rgb(0, 0, 255)
Blue Violet
#8A2BE2
rgb(138, 43, 226)
Brown
#A52A2A
rgb(165, 42, 42)
Burly Wood
#DEB887
rgb(222, 184, 135)
Cadet Blue
#5F9EA0
rgb(95, 158, 160)
Chartreuse
#7FFF00
rgb(127, 255, 1)
Chocolate
#D2691E
rgb(210, 105, 30)
Coral
#FF7F50
rgb(251, 127, 80)
Cornflower Blue
#6495ED
rgb(100, 149, 237)
Cornsilk
#FFF8DC
rgb(225, 248, 220)
Crimson
#DC143C
rgb(220, 20, 60)
Cyan
#00FFFF
rgb(62, 254, 255)
Dark Blue
#00008B
rgb(0, 0, 139)
Dark Cyan
#008B8B
rgb(29, 139, 139)
Dark Golden Rod
#B8860B
rgb(184, 134, 11)
Dark Gray
#A9A9A9
rgb(169, 169, 169)
Dark Green
#006400
rgb(19, 100, 0)
Dark Khaki
#BDB76B
rgb(189, 183, 107)
Dark Magenta
#8B008B
rgb(139, 0, 140)
Dark Olive Green
#556B2F
rgb(85, 107, 47)
Dark Orange
#FF8C00
rgb(251, 140, 1)
Dark Orchid
#9932CC
rgb(153, 50, 204
Dark Red
#8B0000
rgb(139, 5, 0)
Dark Salmon
#E9967A
rgb(233, 150, 122)
Dark Sea Green
#8FBC8F
rgb(143, 188, 144)
Dark Slate Blue
#483D8B
rgb(72, 61, 139)
Dark Slate Gray
#2F4F4F
rgb(47, 79, 79)
Dark Slate Grey
#2F4F4F
rgb(47, 79, 79)
Dark Turquoise
#00CED1
rgb(48, 206, 209)
Dark Violet
#9400D3
rgb(148, 0, 211)
Deep Pink
#FF1493
rgb(249, 19, 147)
Deep Sky Blue
#00BFFF
rgb(43, 191, 254)
Dim Gray
#696969
rgb(105, 105, 105)
Dodger Blue
#1E90FF
rgb(30, 144, 255)
Fire Brick
#B22222
rgb(178, 34, 33)
Floral White
#FFFAF0
rgb(255, 250, 240)
Forest Green
#228B22
rgb(34, 139, 35)
Fuchsia
#FF00FF
rgb(249, 0, 255)
Gainsboro
#DCDCDC
rgb(220, 220, 220)
Ghost White
#F8F8FF
rgb(248, 248, 255)
Gold
#FFD700
rgb(253, 215, 3)
Golden Rod
#DAA520
rgb(218, 165, 32)
Grey
#808080
rgb(128, 128, 128)
Green
#008000
rgb(27, 128, 1)
Green Yellow
#ADFF2F
rgb(173, 255, 48)
Honey Dew
#F0FFF0
rgb(240, 255, 240)
Hot Pink
#FF69B4
rgb(240, 255, 240)
Indian Red
#CD5C5C
rgb(205, 92, 92)
Indigo
#4B0082
rgb(75, 0, 130)
Ivory
#FFFFF0
rgb(255, 255, 239)
Khaki
#F0E68C
rgb(240, 230, 140)
Lavender
#E6E6FA
rgb(230, 230, 250)
Lavender Blush
#FFF0F5
rgb(254, 240, 245)
Lawn Green
#7CFC00
rgb(124, 252, 2)
Lemon Chiffon
#FFFACD
rgb(255, 250, 205)
Light Blue
#ADD8E6
rgb(173, 216, 230)
Light Coral
#F08080
rgb(240, 128, 128)
Light Cyan
#E0FFFF
rgb(224, 255, 255)
Light Golden Rod Yellow
#FAFAD2
rgb(250, 250, 210)
Light Grey
#D3D3D3
rgb(211, 211, 211)
Light Green
#90EE90
rgb(144, 238, 144)
Light Pink
#FFB6C1
rgb(252, 182, 193)
Light Salmon
#FFA07A
rgb(251, 160, 122)
Light Sea Green
#20B2AA
rgb(40, 178, 170)
Light Sky Blue
#87CEFA
rgb(135, 206, 250)
Light Slate Grey
#778899
rgb(119, 136, 153)
Light Steel Blue
#B0C4DE
rgb(176, 196, 222)
Light Yellow
#FFFFE0
rgb(255, 255, 224)
Lime
#00FF00
rgb(63, 255, 0)
Lime Green
#32CD32
rgb(50, 205, 50)
Linen
#FAF0E6
rgb(250, 240, 230)
Magenta
#FF00FF
rgb(249, 0, 255)
Maroon
#800000
rgb(128, 4, 0)
Medium Aqua Marine
#66CDAA
rgb(102, 205, 170)
Medium Blue
#0000CD
rgb(0, 0, 205)
Medium Orchid
#BA55D3
rgb(186, 85, 211)
Medium Purple
#9370DB
rgb(147, 112, 219)
Medium Sea Green
#3CB371
rgb(60, 179, 113)
Medium Slate Blue
#7B68EE
rgb(123, 103, 238)
Medium Spring Green
#00FA9A
rgb(62, 250, 153)
Medium Turquoise
#48D1CC
rgb(72, 209, 204)
Medium Violet Red
#C71585
rgb(199, 21, 133)
Midnight Blue
#191970
rgb(25, 25, 112)
Mint Cream
#F5FFFA
rgb(245, 255, 250)
Misty Rose
#FFE4E1
rgb(254, 228, 225)
Moccasin
#FFE4B5
rgb(254, 228, 181)
Navajo White
#FFDEAD
rgb(254, 222, 173)
Navy
#000080
rgb(0, 0, 128)
Old Lace
#FDF5E6
rgb(253, 245, 230)
Olive
#808000
rgb(128, 128, 1)
Olive Drab
#6B8E23
rgb(107, 142, 35)
Orange
#FFA500
rgb(252, 165, 3)
Orange Red
#FF4500
rgb(250, 69, 1)
Orchid
#DA70D6
rgb(218, 112, 214)
Pale Golden Rod
#EEE8AA
rgb(238, 232, 170)
Pale Green
#98FB98
rgb(152, 251, 153)
Pale Turquoise
#AFEEEE
rgb(175, 238, 239)
Pale Violet Red
#DB7093
rgb(219, 112, 147)
Papaya Whip
#FFEFD5
rgb(254, 239, 213)
Peach Puff
#FFDAB9
rgb(253, 218, 185)
Peru
#CD853F
rgb(205, 133, 63)
Pink
#FFC0CB
rgb(252, 192, 203)
Plum
#DDA0DD
rgb(221, 160, 221)
Powder Blue
#B0E0E6
rgb(176, 224, 230)
Purple
#800080
rgb(128, 0, 128)
RebeccaPurple
#663399
rgb(102, 51, 153)
Red
#FF0000
rgb(255, 0, 0)
Rosy Brown
#BC8F8F
rgb(188, 143, 142)
Royal Blue
#4169E1
rgb(65, 105, 225)
Saddle Brown
#8B4513
rgb(139, 69, 19)
Salmon
#FA8072
rgb(250, 128, 114)
Sandy Brown
#F4A460
rgb(244, 164, 95)
Sea Green
#2E8B57
rgb(46, 139, 87)
Sea Shell
#FFF5EE
rgb(255, 245, 238)
Sienna
#A0522D
rgb(160, 82, 45)
Silver
#C0C0C0
rgb(192, 192, 192)
Sky Blue
#87CEEB
rgb(135, 206, 235)
Slate Blue
#6A5ACD
rgb(106, 90, 205)
Slate Grey
#708090
rgb(112, 128, 145)
Snow
#FFFAFA
rgb(255, 250, 250)
Spring Green
#00FF7F
rgb(63, 255, 128)
Steel Blue
#4682B4
rgb(70, 130, 180)
Tan
#D2B48C
rgb(210, 180, 140)
Teal
#008080
rgb(26, 128, 127)
Thistle
#D8BFD8
rgb(216, 191, 216)
Tomato
#FF6347
rgb(250, 99, 71)
Turquoise
#40E0D0
rgb(64, 224, 208)
Violet
#EE82EE
rgb(238, 130, 238)
Wheat
#F5DEB3
rgb(245, 222, 179)
White
#FFFFFF
rgb(255, 255, 255)
White Smoke
#F5F5F5
rgb(245, 245, 245)
Yellow
#FFFF00
rgb(255, 255, 0)
Yellow Green
#9ACD32
rgb(154, 205, 49)
000000 |
000033 |
000066 |
000099 |
0000CC |
0000FF |
003300 |
003333 |
003366 |
003399 |
0033CC |
0033FF |
006600 |
006633 |
006666 |
006699 |
0066CC |
0066FF |
009900 |
009933 |
009966 |
009999 |
0099CC |
0099FF |
00CC00 |
00CC33 |
00CC66 |
00CC99 |
00CCCC |
00CCFF |
00FF00 |
00FF33 |
00FF66 |
00FF99 |
00FFCC |
00FFFF |
330000 |
330033 |
330066 |
330099 |
3300CC |
3300FF |
333300 |
333333 |
333366 |
333399 |
3333CC |
3333FF |
336600 |
336633 |
336666 |
336699 |
3366CC |
3366FF |
339900 |
339933 |
339966 |
339999 |
3399CC |
3399FF |
33CC00 |
33CC33 |
33CC66 |
33CC99 |
33CCCC |
33CCFF |
33FF00 |
33FF33 |
33FF66 |
33FF99 |
33FFCC |
33FFFF |
660000 |
660033 |
660066 |
660099 |
6600CC |
6600FF |
663300 |
663333 |
663366 |
663399 |
6633CC |
6633FF |
666600 |
666633 |
666666 |
666699 |
6666CC |
6666FF |
669900 |
669933 |
669966 |
669999 |
6699CC |
6699FF |
66CC00 |
66CC33 |
66CC66 |
66CC99 |
66CCCC |
66CCFF |
66FF00 |
66FF33 |
66FF66 |
66FF99 |
66FFCC |
66FFFF |
990000 |
990033 |
990066 |
990099 |
9900CC |
9900FF |
993300 |
993333 |
993366 |
993399 |
9933CC |
9933FF |
996600 |
996633 |
996666 |
996699 |
9966CC |
9966FF |
999900 |
999933 |
999966 |
999999 |
9999CC |
9999FF |
99CC00 |
99CC33 |
99CC66 |
99CC99 |
99CCCC |
99CCFF |
99FF00 |
99FF33 |
99FF66 |
99FF99 |
99FFCC |
99FFFF |
CC0000 |
CC0033 |
CC0066 |
CC0099 |
CC00CC |
CC00FF |
CC3300 |
CC3333 |
CC3366 |
CC3399 |
CC33CC |
CC33FF |
CC6600 |
CC6633 |
CC0066 |
CC6699 |
CC66CC |
CC66FF |
CC9900 |
CC9933 |
CC9966 |
CC9999 |
CC99CC |
CC99FF |
CCCC00 |
CCCC33 |
CCCC66 |
CCCC99 |
CCCCCC |
CCCCFF |
CCFF00 |
CCFF33 |
CCFF66 |
CCFF99 |
CCFFCC |
CCFFFF |
FF0000 |
FF0033 |
FF0066 |
FF0099 |
FF00CC |
FF00FF |
FF3300 |
FF3333 |
FF3366 |
FF3399 |
FF33CC |
FF33FF |
FF6600 |
FF6633 |
FF6666 |
FF6699 |
FF66CC |
FF66FF |
FF9900 |
FF9933 |
FF9966 |
FF9999 |
FF99CC |
FF99FF |
FFCC00 |
FFCC33 |
FFCC66 |
FFCC99 |
FFCCCC |
FFCCFF |
FFFF00 |
FFFF33 |
FFFF66 |
FFFF99 |
FFFFCC |
FFFFFF |
Cara menggunakan Kode Warna HTML Dan CSS Di Blog
Penggunaan Kode Warna HTML dan CSS Pada Teks
<span style="color: #0000ff;">Kode Warna HTML CSS Untuk Warna Biru</span>
<span style="color: #ffff00;">Kode Warna HTML CSS Untuk Warna Kuning</span>
<span style="color: #ff0000;">Kode Warna HTML CSS Untuk Warna Merah</span>
<span style="color: #00ff00;">Kode Warna HTML CSS Untuk Warna Hijau</span>
<span style="color: #000000;">Kode Warna HTML CSS Untuk Warna Hitam</span>
Maka tampilannya akan seperti ini
Kode Warna HTML CSS Untuk Warna Biru
Kode Warna HTML CSS Untuk Warna Kuning
Kode Warna HTML CSS Untuk Warna Merah
Kode Warna HTML CSS Untuk Warna Hijau
Kode Warna HTML CSS Untuk Warna Hitam
Selanjutnya Cara Menggunakan Kode Warna HTML CSS Pada Background
<span style="background-color: #0000ff;">Kode Warna HTML CSS Untuk Warna Biru</span>
<span style="background-color: #ffff00;">Kode Warna HTML CSS Untuk Warna Kuning</span>
<span style="background-color: #ff0000;">Kode Warna HTML CSS Untuk Warna Merah</span>
<span style="background-color: #00ff00;">Kode Warna HTML CSS Untuk Warna Hijau</span>
<span style="background-color: #000000;">Kode Warna HTML CSS Untuk Warna Hitam</span>
Maka tampilannya akan seperti ini.
Kode Warna HTML CSS Untuk Warna Biru
Kode Warna HTML CSS Untuk Warna Kuning
Kode Warna HTML CSS Untuk Warna Merah
Kode Warna HTML CSS Untuk Warna Hijau
Kode Warna HTML CSS Untuk Warna Hitam
Kemudian cara menerapkannya di border
<span style="border: 3px solid #0000ff;">Kode Warna HTML CSS Untuk Warna Biru</span>
<span style="border: 3px solid #ffff00;">Kode Warna HTML CSS Untuk Warna Kuning</span>
<span style="border: 3px solid #ff0000;">Kode Warna HTML CSS Untuk Warna Merah</span>
<span style="border: 3px solid #00ff00;">Kode Warna HTML CSS Untuk Warna Hijau</span>
<span style="border: 3px solid #000000;">Kode Warna HTML CSS Untuk Warna Hitam</span>
Maka tampilannya akan seperti ini
Kode Warna HTML CSS Untuk Warna Biru
Kode Warna HTML CSS Untuk Warna Kuning
Kode Warna HTML CSS Untuk Warna Merah
Kode Warna HTML CSS Untuk Warna Hijau
Kode Warna HTML CSS Untuk Warna Hitam
Anda bisa mengganti kode tersebut dengan beragam kode warna HTML CSS yang anda sukai. Pengaplikasian kode warna HTML CSS di atas bisa berbeda-beda, karena tergantung platform yang anda gunakan.kode warna CSS dan HTML di atas bisa menjadi acuan dalam memilih warna website yang keren dan berbeda dari milik orang lain. Semoga artikel di atas bermanfaat dan bisa menjadi referensi bagi anda semua.
