Inilah Daftar Kode Warna HTML
Juni 16, 2024
Newsartstory.com - Inilah Daftar Kode Warna HTML. Kalian ingin membuat tulisan menjadi berwarna? Atau logo menjadi warna? Seorang developer pasti mengetahui kode-kode warna HTML pada sebuah blog atau website. Tentunya membuat sebuah blog terasa bagus dan menarik pengunjung blog.
Baca juga: Kumpulan Script Text Box Pada Blog
Apa Itu Kode Warna HTML?
Kode warna HTML adalah cara standar untuk menentukan warna dalam dokumen HTML menggunakan kode heksadesimal atau nama warna. Kode warna heksadesimal terdiri dari simbol hash (#) diikuti oleh enam digit heksadesimal yang mewakili kombinasi nilai merah, hijau, dan biru (RGB).Contoh kode warna heksadesimal adalah `#FF0000` untuk warna merah murni. Selain itu, HTML juga mendukung nama-nama warna yang sudah ditentukan seperti "red", "blue", atau "green". Kode warna HTML digunakan untuk mengatur tampilan dan estetika elemen-elemen dalam halaman web.
Baca juga: Cara Memasang Ikon Gambar Pada Blog
1. Memiliki kontrol warna yang presisi: Dengan menggunakan kode warna heksadesimal, pengembang dapat mengontrol warna dengan presisi tinggi. Setiap kombinasi nilai merah, hijau, dan biru (RGB) dapat diwakili secara tepat, memungkinkan warna yang konsisten dan sesuai dengan desain yang diinginkan.
2. Konsistensi desain: Kode warna memastikan konsistensi dalam tampilan warna di seluruh halaman web. Hal ini penting untuk memberikan pengalaman pengguna yang menyatu dan profesional.
3. Kompatibilitas lintas platform: Warna yang ditentukan dengan kode warna HTML umumnya akan ditampilkan secara konsisten di berbagai browser dan perangkat, memastikan bahwa desain halaman web terlihat baik di semua platform yang berbeda.
Baca juga: Kumpulan Kode Script HTML Untuk Blog
Apa Kegunaan Kode Warna HTML?
Kode warna HTML memiliki beberapa kegunaan utama dalam pengembangan web:1. Memiliki kontrol warna yang presisi: Dengan menggunakan kode warna heksadesimal, pengembang dapat mengontrol warna dengan presisi tinggi. Setiap kombinasi nilai merah, hijau, dan biru (RGB) dapat diwakili secara tepat, memungkinkan warna yang konsisten dan sesuai dengan desain yang diinginkan.
2. Konsistensi desain: Kode warna memastikan konsistensi dalam tampilan warna di seluruh halaman web. Hal ini penting untuk memberikan pengalaman pengguna yang menyatu dan profesional.
3. Kompatibilitas lintas platform: Warna yang ditentukan dengan kode warna HTML umumnya akan ditampilkan secara konsisten di berbagai browser dan perangkat, memastikan bahwa desain halaman web terlihat baik di semua platform yang berbeda.
Baca juga: Kumpulan Kode Script HTML Untuk Blog
4. Fleksibilitas dalam penyesuaian: Dengan menggunakan kode warna heksadesimal atau nama warna HTML, pengembang dapat dengan mudah menyesuaikan tampilan halaman web sesuai dengan kebutuhan desain atau merek tertentu.
5. Memudahkan pengelolaan dan perubahan: Dengan mengacu pada kode warna, pengembang dapat dengan cepat mengubah atau memperbarui tampilan warna di seluruh halaman web tanpa harus mengubah banyak kode.
Secara keseluruhan, kode warna HTML adalah alat yang sangat berguna dalam pengembangan web untuk mengontrol warna dengan presisi, memastikan konsistensi visual, dan memungkinkan penyesuaian desain yang fleksibel.
Baca juga: Mengenal Pengertian JavaScript
- RR (dua digit pertama) mewakili nilai merah dalam bentuk heksadesimal (0 hingga FF),
- GG (dua digit kedua) mewakili nilai hijau dalam bentuk heksadesimal (0 hingga FF),
- BB (dua digit terakhir) mewakili nilai biru dalam bentuk heksadesimal (0 hingga FF).
Contoh:
Apa Itu Kode Warna HEX?
Kode warna hex (atau kode warna heksadesimal) adalah representasi numerik dari warna dalam format enam digit heksadesimal. Setiap digit heksadesimal dalam kode warna hex mewakili intensitas dari tiga komponen warna dasar: merah (R), hijau (G), dan biru (B). Biasanya kode warna ini digunakan untuk mengedit HTML pada blog. Format umum dari kode warna hex adalah #RRGGBB, di mana:- RR (dua digit pertama) mewakili nilai merah dalam bentuk heksadesimal (0 hingga FF),
- GG (dua digit kedua) mewakili nilai hijau dalam bentuk heksadesimal (0 hingga FF),
- BB (dua digit terakhir) mewakili nilai biru dalam bentuk heksadesimal (0 hingga FF).
Contoh:
- Kode warna hex untuk warna merah murni adalah #FF0000 (nilai merah maksimum, dan nilai hijau dan biru minimum).
- Kode warna hex untuk warna kuning adalah #FFFF00 (nilai merah dan hijau maksimum, dan nilai biru minimum).
Baca juga: Inilah Script Blog Pilihan
Kode warna hex digunakan secara luas dalam HTML dan CSS untuk menentukan warna latar belakang, warna teks, dan warna elemen-elemen lain dalam desain halaman web.
Dalam sistem RGB:
- Nilai merah (R) berada dalam rentang 0 hingga 255, dengan 0 artinya tidak ada merah dan 255 artinya merah maksimum.
- Nilai hijau (G) juga berada dalam rentang 0 hingga 255, dengan 0 artinya tidak ada hijau dan 255 artinya hijau maksimum.
- Nilai biru (B) juga dalam rentang 0 hingga 255, dengan 0 artinya tidak ada biru dan 255 artinya biru maksimum.
Kombinasi intensitas ketiga warna ini dalam sistem RGB menciptakan berbagai warna yang dapat ditampilkan pada layar. Misalnya, warna putih diciptakan dengan merah, hijau, dan biru semua di set ke maksimum (255, 255, 255), sementara warna hitam dicapai dengan nilai nol untuk ketiga komponen (0, 0, 0).
Kode warna hex digunakan secara luas dalam HTML dan CSS untuk menentukan warna latar belakang, warna teks, dan warna elemen-elemen lain dalam desain halaman web.
Apa Itu Kode Warna RGB?
Kode warna RGB adalah metode untuk menentukan warna dengan menggunakan kombinasi tiga nilai yang mewakili intensitas dari tiga warna dasar: merah (R), hijau (G), dan biru (B). RGB singkatan dari Red, Green, dan Blue, yang merupakan tiga warna dasar yang digunakan untuk mencampur semua warna pada layar elektronik seperti komputer atau televisi.Dalam sistem RGB:
- Nilai merah (R) berada dalam rentang 0 hingga 255, dengan 0 artinya tidak ada merah dan 255 artinya merah maksimum.
- Nilai hijau (G) juga berada dalam rentang 0 hingga 255, dengan 0 artinya tidak ada hijau dan 255 artinya hijau maksimum.
- Nilai biru (B) juga dalam rentang 0 hingga 255, dengan 0 artinya tidak ada biru dan 255 artinya biru maksimum.
Kombinasi intensitas ketiga warna ini dalam sistem RGB menciptakan berbagai warna yang dapat ditampilkan pada layar. Misalnya, warna putih diciptakan dengan merah, hijau, dan biru semua di set ke maksimum (255, 255, 255), sementara warna hitam dicapai dengan nilai nol untuk ketiga komponen (0, 0, 0).
RGB adalah salah satu dari beberapa model warna yang umum digunakan dalam grafika komputer, termasuk dalam HTML dan CSS, di mana warna-warna didefinisikan dengan nilai-nilai RGB untuk mencapai tampilan yang diinginkan pada halaman web. Jadi yang mana kalian gunakan untuk mendesain website kalian menjadi lebih menarik dengan warna-warna HTML.
INILAH DAFTAR KODE WARNA HTML
| Hasil Warna | Nama Warna | Kode Warna Hex | Kode Warna 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) |
j.h | 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 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) |
. | 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) |