Daftar Kode Warna dalam HTML & CSS

0
141
kode warna pada html

Dalam pemrograman, pewarnaan dilakukan menggunakan kode. Bagi Anda yang terbiasa dengan desain komputer, Anda pasti akan terbiasa dengan beberapa kode seperti # 92a8d1 dan # ff0000. Kedua kode ini adalah kode warna heksadesimal.

Ada beberapa jenis kode warna yang biasanya digunakan dalam pemrograman komputer, yaitu heksadesimal, RGB, RGBA, HSL, dan HSLA.

Heksadesimal terdiri dari kombinasi huruf dan angka yang dimulai dengan tanda tanda # ’. Sedangkan RGB terdiri dari 3 bagian angka yang dipisahkan oleh koma. Pengodean warna dalam HTML menggunakan triplet HTML. Setiap kode dua digit melambangkan warna merah (merah), hijau (hijau), biru (biru) atau #RRGGBB.

Di bawah ini adalah daftar lengkap kode warna HTML yang dapat Anda gunakan sebagai panduan untuk membuat kode warna.

Daftar Kode Warna HTML Lengkap

Warna adalah hal yang penting dan unik dalam dunia desain visual. Warna tidak memiliki bentuk, ukuran atau simbol untuk menyampaikan pesan secara langsung. Jadi, Anda perlu tahu warna apa yang cocok untuk digunakan di situs web.

Di bawah ini adalah tabel kode warna HTML & CSS yang dapat Anda gunakan untuk mempercantik situs web Anda. Tidak hanya mempercantik, banyak faktor lain yang dipengaruhi oleh warna. Untuk lebih jelasnya, Anda dapat membaca ulasan kami tentang Menentukan Warna Efektif untuk Desain Situs Web Anda. Tentang bagaimana warna sangat penting.

Nama Warna HEX RGB
.
Alice Blue # F0F8FF rgb (240, 248, 254)
.
Putih Antik # FAEBD7 rgb (251, 235, 217)
.
Aqua # 00FFFF rgb (0, 255, 254)
.
Aquamarine # 7FFFD4 rgb (115, 255, 216)
.
Biru langit # F0FFFF rgb (239, 255, 255)
.
Krem # F5F5DC rgb (245, 245, 223)
.
Bisque # FFE4C4 rgb (255, 227, 200)
.
Hitam # 000000 rgb (0, 0, 0)
.
Almond pucat #FFEBCD rgb (255, 234, 208)
.
Biru # 0000FF RGB (0, 0, 255)
.
Blue Violet # 8A2BE2 rgb (138, 43, 226)
.
cokelat # A52A2A rgb (165, 42, 42)
.
Burly Wood # DEB887 rgb (222, 184, 135)
.
Kadet Biru # 5F9EA0 rgb (95, 158, 160)
.
Minuman keras manis # 7FFF00 rgb (127, 255, 1)
.
Cokelat # D2691E rgb (210, 105, 30)
.
Karang # FF7F50 rgb (251, 127, 80)
.
Cornflower Blue # 6495ED rgb (100, 149, 237)
.
Rambut jagung # FFF8DC rgb (225, 248, 220)
.
Merah tua # DC143C RGB (220, 20, 60)
.
Cyan # 00FFFF rgb (62, 254, 255)
.
Biru tua # 00008B rgb (0, 0, 139)
.
Dark Cyan # 008B8B rgb (29, 139, 139)
.
Batang Emas Gelap # B8860B rgb (184, 134, 11)
.
Abu-abu gelap # A9A9A9 rgb (169, 169, 169)
.
Hijau tua # 006400 rgb (19, 100, 0)
.
Khaki gelap # BDB76B rgb (189, 183, 107)
.
Magenta gelap # 8B008B rgb (139, 0, 140)
.
Zaitun Hijau Gelap # 556B2F rgb (85, 107, 47)
.
Oren tua # FF8C00 rgb (251, 140, 1)
.
Anggrek gelap # 9932CC rgb (153, 50, 204)
.
Merah gelap # 8B0000 rgb (139, 5, 0)
.
Salmon gelap # E9967A rgb (233, 150, 122)
.
Laut Hijau Gelap # 8FBC8F rgb (143, 188, 144)
.
Dark Slate Blue # 483D8B rgb (72, 61, 139)
.
Dark Slate Grey # 2F4F4F rgb (47, 79, 79)
.
Pirus Hitam # 00CED1 rgb (48, 206, 209)
.
Dark Violet # 9400D3 rgb (148, 0, 211)
.
Pink tua # FF1493 rgb (249, 19, 147)
.
Langit Biru Tua # 00BFFF rgb (43, 191, 254)
.
Redup Gray # 696969 rgb (105, 105, 105)
.
Dodger Blue # 1E90FF rgb (30, 144, 255)
.
Bata Api # B22222 rgb (178, 34, 33)
.
Bunga putih # FFFAF0 RGB (255, 250, 240)
.
Hutan hijau # 228B22 rgb (34, 139, 35)
.
Fuchsia # FF00FF rgb (249, 0, 255)
.
Gainsboro #DCDCDC RGB (220, 220, 220)
.
Hantu Putih # F8F8FF rgb (248, 248, 255)
.
Emas # FFD700 rgb (253, 215, 3)
.
Batang Emas # DAA520 rgb (218, 165, 32)
.
Abu-abu # 808080 RGB (128, 128, 128)
.
hijau # 008000 rgb (27, 128, 1)
.
Hijau kuning # ADFF2F rgb (173, 255, 48)
.
Honey Dew # F0FFF0 RGB (240, 255, 240)
.
Merah muda panas # FF69B4 RGB (240, 255, 240)
.
Indian Red # CD5C5C rgb (205, 92, 92)
.
Nila # 4B0082 rgb (75, 0, 130)
.
Gading # FFFFF0 rgb (255, 255, 239)
.
Dril # F0E68C RGB (240, 230, 140)
.
Lavender # E6E6FA RGB (230, 230, 250)
.
Lavender Blush # FFF0F5 rgb (254, 240, 245)
.
Rumput Hijau # 7CFC00 rgb (124, 252, 2)
.
Sifon Lemon #FFFACD RGB (255, 250, 205)
.
Biru muda # ADD8E6 rgb (173, 216, 230)
.
Coral Light # F08080 RGB (240, 128, 128)
.
Cyan ringan # E0FFFF rgb (224, 255, 255)
.
Batang Emas Kuning Muda # FAFAD2 RGB (250, 250, 210)
.
Abu-abu muda # D3D3D3 rgb (211, 211, 211)
.
Hijau muda # 90EE90 rgb (144, 238, 144)
.
Pink muda # FFB6C1 rgb (252, 182, 193)
.
Salmon ringan # FFA07A rgb (251, 160, 122)
.
Hijau laut muda # 20B2AA rgb (40, 178, 170)
.
Langit Biru Muda # 87CEFA rgb (135, 206, 250)
.
Light Slate Grey # 778899 rgb (119, 136, 153)
.
Biru Muda Baja # B0C4DE rgb (176, 196, 222)
.
Kuning muda # FFFFE0 rgb (255, 255, 224)
.
jeruk nipis # 00FF00 rgb (63, 255, 0)
.
Hijau limau # 32CD32 rgb (50, 205, 50)
.
Linen # FAF0E6 RGB (250, 240, 230)
.
Magenta # FF00FF rgb (249, 0, 255)
.
Merah tua # 800000 rgb (128, 4, 0)
.
Sedang Aqua Marine # 66CDAA rgb (102, 205, 170)
.
Biru Sedang # 0000CD rgb (0, 0, 205)
.
Anggrek sedang # BA55D3 rgb (186, 85, 211)
.
Ungu Sedang # 9370DB rgb (147, 112, 219)
.
Laut Hijau Sedang # 3CB371 rgb (60, 179, 113)
.
Biru Tulisan Sedang # 7B68EE rgb (123, 103, 238)
.
Medium Spring Green # 00FA9A rgb (62, 250, 153)
.
Pirus Menengah # 48D1CC rgb (72, 209, 204)
.
Medium Violet Red # C71585 rgb (199, 21, 133)
.
Midnight Blue # 191970 rgb (25, 25, 112)
.
Krim mint # F5FFFA RGB (245, 255, 250)
.
Rose berkabut # FFE4E1 rgb (254, 228, 225)
.
Sepatu sandal # FFE4B5 rgb (254, 228, 181)
.
Navajo White #FFDEAD rgb (254, 222, 173)
.
Angkatan laut # 000080 RGB (0, 0, 128)
.
Renda Tua # FDF5E6 rgb (253, 245, 230)
.
Zaitun # 808000 rgb (128, 128, 1)
.
Minyak zaitun # 6B8E23 rgb (107, 142, 35)
.
jeruk # FFA500 rgb (252, 165, 3)
.
Merah oranye # FF4500 rgb (250, 69, 1)
.
Anggrek # DA70D6 rgb (218, 112, 214)
.
Batang Emas Pucat # EEE8AA rgb (238, 232, 170)
.
Hijau pucat # 98FB98 rgb (152, 251, 153)
.
Pirus Pucat #AFEEEE rgb (175, 238, 239)
.
Merah Pucat Merah # DB7093 rgb (219, 112, 147)
.
Cambuk Pepaya # FFEFD5 rgb (254, 239, 213)
.
Puff persik # FFDAB9 rgb (253, 218, 185)
.
Peru # CD853F rgb (205, 133, 63)
.
Merah Jambu # FFC0CB rgb (252, 192, 203)
.
Prem # DDA0DD rgb (221, 160, 221)
.
Bubuk biru # B0E0E6 rgb (176, 224, 230)
.
Ungu # 800080 RGB (128, 0, 128)
.
Rebecca Purple # 663399 rgb (102, 51, 153)
.
Merah # FF0000 rgb (255, 0, 0)
.
Rosy Brown # BC8F8F rgb (188, 143, 142)
.
Royal Blue # 4169E1 rgb (65, 105, 225)
.
Sadel Brown # 8B4513 rgb (139, 69, 19)
.
Ikan salmon # FA8072 RGB (250, 128, 114)
.
Sandy Brown # F4A460 rgb (244, 164, 95)
.
Laut hijau # 2E8B57 rgb (46, 139, 87)
.
Kerang Laut # FFF5EE rgb (255, 245, 238)
.
Sienna # A0522D rgb (160, 82, 45)
.
Perak # C0C0C0 rgb (192, 192, 192)
.
Langit biru # 87CEEB rgb (135, 206, 235)
.
Biru tulis # 6A5ACD rgb (106, 90, 205)
.
Batu tulis abu-abu # 708090 rgb (112, 128, 145)
.
Salju #FFFAFA RGB (255, 250, 250)
.
Spring Green # 00FF7F rgb (63, 255, 128)
.
Baja Biru # 4682B4 rgb (70, 130, 180)
.
Berjemur # D2B48C rgb (210, 180, 140)
.
Teal # 008080 rgb (26, 128, 127)
.
Thistle # D8BFD8 rgb (216, 191, 216)
.
Tomat # FF6347 RGB (250, 99, 71)
.
Pirus # 40E0D0 rgb (64, 224, 208)
.
Violet # EE82EE rgb (238, 130, 238)
.
Gandum # F5DEB3 rgb (245, 222, 179)
.
putih #FFFFFF RGB (255, 255, 255)
.
Asap putih # F5F5F5 rgb (245, 245, 245)
.
Kuning # FFFF00 rgb (255, 255, 0)
.
Kuning hijau # 9ACD32 rgb (154, 205, 49)

Anda dapat melihat perbedaan tentang heksadesimal dan RGB.

Warna HTML / CSS
Nama Warna
Kode Hex
#RRGGBB
Kode Desimal
(R, G, B)
lightsalmon # FFA07A rgb (255.160.122)
ikan salmon # FA8072 rgb (250.128.114)
darksalmon # E9967A rgb (233.150.122)
lightcoral # F08080 rgb (240.128.128)
indianred # CD5C5C rgb (205,92,92)
merah tua # DC143C RGB (220,20,60)
batu bata tahan api # B22222 rgb (178,34,34)
merah # FF0000 RGB (255,0,0)
merah gelap # 8B0000 RGB (139,0,0)

Selain menggunakan kode warna, Anda juga dapat menggunakan generator untuk menentukan kode warna apa yang dapat Anda gunakan. Anda dapat menggunakan penghasil warna yang disediakan oleh situs web di bawah ini.

  • W3 School HTML Color Picker
    Situs ini memungkinkan Anda untuk memilih warna berdasarkan warna dasar. Anda dapat memilih tingkat saturasi dan melihat hasilnya segera. Selain itu, ada juga opsi untuk memasukkan warna berdasarkan kode dan juga memunculkan jendela HTML 5 untuk pemilihan warna.
  • Warna & Skillshare
    Warna adalah situs yang digunakan sebagai generator skema. Jika Anda seorang desainer, situs ini dapat memberikan saran skema yang sesuai dengan kebutuhan Anda dan ada juga kode heksadesimal yang dapat digunakan di situs web.
  • Kode Warna HTML
    Kode Warna HTML adalah situs web sederhana yang menyediakan tampilan pemilihan warna. Yang harus Anda lakukan adalah memindahkan kursor ke tabel warna atau memindahkan slider untuk mendapatkan warna yang cocok dengan kode warna dalam bentuk heksadesimal.

Unduh 20 Template Website HTML Gratis Di Sini!

Cara menggunakan kode warna HTML & CSS

Penggunaan kode warna dalam HTML & CSS saat diterapkan ke situs web. Anda dapat menggunakan kode warna di hampir semua bagian, seperti karakter, latar belakang, dan batas.

Berikut ini beberapa cara untuk menggunakan kode warna HTML dan CSS:

  • Cara Menggunakan Kode Warna HTML dalam Karakter




Daftar Kode Warna dalam HTML & CSS


Daftar Kode Warna dalam HTML & CSS


Daftar Kode Warna dalam HTML & CSS


catatan: Elemen font hanya mendukung HTML 5. Sebagai gantinya, gunakan CSS



Script di atas akan menghasilkan tampilan seperti di bawah ini:

Daftar Kode Warna dalam HTML & CSS

Daftar Kode Warna dalam HTML & CSS

Daftar Kode Warna dalam HTML & CSS

catatan: Elemen font hanya mendukung HTML 5. Sebagai gantinya, gunakan CSS

  • Cara Menggunakan Kode Warna HTML di Latar Belakang







Warna HEX:


Merah


hijau


Biru


Kuning


Cerise



Kode di atas menghasilkan sesuatu seperti ini:

Warna HEX:

Merah

hijau

Biru

Kuning

Cerise

  • Cara Menggunakan HTML Color Border di Border






Daftar Kode Warna dalam HTML & CSS


Nilai warna perbatasan dapat diatur menggunakan nomor kode heksadesimal.


catatan: warna border tidak dapat bekerja jika digunakan sendiri. Gunakan properti gaya perbatasan terlebih dahulu untuk mengatur perbatasan.



Script di atas akan menampilkan sesuatu seperti ini:

Daftar Kode Warna dalam HTML & CSS

Nilai warna perbatasan dapat diatur menggunakan nomor kode heksadesimal.

catatan: warna border tidak dapat bekerja jika digunakan sendiri. Gunakan properti gaya perbatasan terlebih dahulu untuk mengatur perbatasan.

Kesimpulan

Penting untuk mengetahui daftar kode warna dalam HTML dan CSS. Penggunaan kode warna hampir digunakan di berbagai bagian pengembangan situs web. Warna juga dapat memengaruhi sisi psikologis seseorang. Sehingga pemilihan warna yang tepat dan menarik dapat memengaruhi bagaimana pengalaman pengguna pengunjung.

Situs web apa yang menarik tentu dapat membuat pengunjung betah dan tertarik untuk berkunjung lagi. Salah satu caranya adalah dengan menggabungkan beberapa warna dalam satu halaman situs web.

Daftar kode warna dalam HTML dan CSS di atas setidaknya dapat membantu Anda sedikit memahami cara mewarnai situs web dan menerapkannya sehingga pengunjung lebih nyaman dan tertarik mengunjunginya lagi.

Di bawah ini adalah beberapa artikel yang berkaitan dengan pengembangan situs web yang dapat Anda kunjungi untuk mendapatkan informasi lain:

  • 15 Cara Mendesain Blog agar Terlihat Keren dan Menarik
  • Hierarki Visual dalam Desain Situs Web
  • Situs web ini Bahkan Lebih Cepat Menggunakan LiteSpeed

Anda juga dapat berlangganan untuk mendapatkan informasi terbaru dari kami.

Pos Mendaftar Kode Warna pada HTML & CSS muncul pertama kali di Niagahoster Blog.

LEAVE A REPLY

Please enter your comment!
Please enter your name here