How To Tekno

How To Tekno

2026 © PT Dynamo Media NetworkVersion 1.124.5
Konten dari Pengguna

Kode Warna HTML, Ini Definisi dan Daftar Lengkapnya

How To Tekno

How To Tekno

How to tekno

·waktu baca 7 menit

comment
1
sosmed-whatsapp-white
copy-circle
more-vertical

Tulisan dari How To Tekno tidak mewakili pandangan dari redaksi kumparan

Ilustrasi menggunakan kode warna HTML untuk mengembangkan situs web. Foto: Unsplash.com
zoom-in-whitePerbesar
Ilustrasi menggunakan kode warna HTML untuk mengembangkan situs web. Foto: Unsplash.com

Saat mengembangkan situs web, menyertakan kode warna HTML menjadi tahapan penting yang harus dilakukan. Secara umum, kode warna HTML digunakan dalam tag HTML untuk mengatur latar belakang dan warna fon.

Tak sekadar diterapkan saat mengembangkan situs web, kode warna itu juga digunakan untuk mendapatkan hasil warna di elemen grafis. Di samping itu, kode tersebut bisa ditemukan pada medium lainnya yang memerlukan pengetahuan tentang dengan kode warna.

Apa yang Dimaksud Kode Warna HTML?

Ilustrasi menyusun kode warna HTML. Foto: Unsplash.com

Mengutip Texas Wesleyan Libguides, kode warna HTML adalah pengidentifikasi yang digunakan untuk mewakili warna di web.

Sementara itu, kode warna dapat dipahami sebagai cara merepresentasikan warna dalam format yang dapat diinterpretasikan dan ditampilkan oleh komputer.

Kode warna memiliki banyak format, dua di antaranya yang paling populer ialah kode warna Hex dan kode warna RGB. Kode warna Hex atau heksadesimal merupakan kombinasi enam karakter berbasis RGB yang penulisannya #RRGGBB. Untuk warna hitam, misalnya, ditulis #000000.

Sementara itu, kode warna RGB memiliki penulisan yang terdiri dari tiga bagian angka yang dipisahkan tanda koma. Setiap digit merepresentasikan unsur Red, Green, dan Blue.

Dikutip dari Techterms, saat menampilkan gambar berwarna di layar, setiap piksel memiliki nilai RGB tertentu. Dalam warna 24-bit, nilai tersebut sebesar 0 dan 255. Pada warna hitam, misalnya, kode warna RGB-nya, yaitu RGB (0, 0, 0).

Daftar Kode Warna HTML Lengkap

Ilustrasi mendesain menggunakan kode warna. Foto: Unsplash.com

Setelah mengetahui definisi kode warna HTML, simak daftar lengkapnya yang dihimpun dari Rapidtables berikut ini.

A

  • 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)

B

  • 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)

C

  • 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)

Ilustrasi mencocokkan kode warna untuk mendesain. Foto: Unsplash.com

D

  • Dark Blue : #00008B, rgb(0, 0, 139)

  • Dark Cyan : #008B8B, rgb(29, 139, 139)

  • Dark GoldenRod : #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)

F

  • 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)

G

  • Gainsboro : #DCDCDC, rgb(220, 220, 220)

  • Ghost White : #F8F8FF, rgb(248, 248, 255)

  • Gold : #FFD700, rgb(253, 215, 3)

  • GoldenRod : #DAA520, rgb(218, 165, 32)

  • Gray : #808080, rgb(128, 128, 128)

  • Green : #008000, rgb(27, 128, 1)

  • Green Yellow : #ADFF2F, rgb(173, 255, 48)

H

  • Honey Dew : #F0FFF0, rgb(240, 255, 240)

  • Hot Pink : #FF69B4, rgb(240, 255, 240)

I

  • Indian Red : #CD5C5C, rgb(205, 92, 92)

  • Indigo : #4B0082, rgb(75, 0, 130)

  • Ivory : #FFFFF0, rgb(255, 255, 239)

Ilustrasi memeriksa palet warna. Foto: Unsplash.com

K

  • Khaki : #F0E68C, rgb(240, 230, 140)

L

  • 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 GoldenRod 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)

M

  • Magenta : #FF00FF, rgb(249, 0, 255)

  • Maroon : #800000, rgb(128, 4, 0)

  • Medium AquaMarine : #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)

Ilustrasi mendesain menggunakan komputer. Foto: Unsplash.com

N

  • Navajo White : #FFDEAD, rgb(254, 222, 173)

  • Navy : #000080, rgb(0, 0, 128)

O

  • 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)

P

  • 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)

R

  • 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)

S

  • 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)

T

  • 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)

V

  • Violet : #EE82EE, rgb(238, 130, 238)

W

  • Wheat : #F5DEB3, rgb(245, 222, 179)

  • White : #FFFFFF :, rgb(255, 255, 255)

  • White Smoke : #F5F5F5, rgb(245, 245, 245)

Y

  • Yellow : #FFFF00, rgb(255, 255, 0)

  • Yellow Green : #9ACD32, rgb(154, 205, 49)

Itulah definisi dan daftar kode warna HTML yang perlu kamu ketahui. Daftar kode di atas bisa kamu bisa terapkan saat mengembangkan sebuah web ataupun hal lainnya mengenai kode warna di komputer. Semoga informasi di atas bermanfaat!

(ANM)

Frequently Asked Question Section

Apa fungsi kode warna HTML?

chevron-down

Kode warna HTML digunakan dalam tag HTML untuk mengatur latar belakang dan warna fon.

Apa kode hex warna hitam?

chevron-down

Kode warna Hex atau heksadesimal merupakan kombinasi enam karakter berbasis RGB dan dituliskan #RRGGBB. Untuk warna hitam, misalnya, ditulis #000000.

Bagaimana penulisan kode warna RGB?

chevron-down

Kode warna RGB terdiri dari tiga bagian angka yang dipisahkan oleh tanda koma. Setiap digit merepresentasikan unsur Red, Green, dan Blue.