Kode Warna HTML/ CSS Untuk Desain
Ditulis pada: 31 May
Konten [Tampil]

KOMPTIK - Berikut
kode HTML/ CSS untuk desain lengkap berdasarkan kode hexadecimal dan
kode RGB. Referensi kode warna dibawah berdasarkan sumber dari w3schools dan saya tambahkan dengan kode RGB yang bisa sahabat gunakan.
HTML/ CSS untuk desain lengkap berdasarkan kode hexadecimal dan kode RGB. Referensi kode warna dibawah yang sahabat gunakan bisa di cek langsung, warna dengan menampilkan text.
HTML/ CSS untuk desain lengkap berdasarkan kode hexadecimal dan kode RGB. Referensi kode warna dibawah yang sahabat gunakan bisa di cek langsung, warna dengan menampilkan text.
Nama Warna
|
HEX
|
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 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)
| |
Gray
|
#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 Gray
|
#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 Gray
|
#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)
| |
Rebecca Purple
|
#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 Gray
|
#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)
|
Semoga bermanfaat. Silahkan di share :D
BACA JUGA:
Buka Blog Komptik dengan aplikasi Google News dengan Ikuti atau Follow Komptik di Google News. Jangan lupa juga support kami: SUBSCRIBE DEPRIHANTA