DAP3DOKUMEN
Home » » Cara Menggunakan Kode Warna HTML & CSS

Cara Menggunakan Kode Warna HTML & CSS

Written By sumatrars on Selasa, 07 Juni 2022 | Selasa, Juni 07, 2022



Di bawah tabel kode warna CSS,HTML, warna RGB yang dapat Anda gunakan untuk memperindah situs web. Tidak hanya memperindah, banyak faktor lain yang dipengaruhi oleh warna. Lebih jelasnya Anda dapat membaca ulasan kami mengenai Menentukan Warna Efektif untuk Desain Website Anda . Tentang bagaimana warna itu sangat penting.


  Nama Warna HEX Warna RGB
.
Alice Biru #F0F8FF rgb(240, 248, 254)
.
putih antik #FAEBD7 rgb(251, 235, 217)
.
air #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)
.
biru ungu #8A2BE2 rgb(138, 43, 226)
.
Cokelat #A52A2A rgb(165, 42, 42)
.
Kayu Kekar #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)
.
Bunga jagung Biru #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)
.
Cyan Gelap #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)
.
Hijau Zaitun 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 hitam #E9967A rgb(233, 150, 122)
.
Hijau Laut Gelap #8FBC8F rgb(143, 188, 144)
.
Biru Batu Tulis Gelap #483D8B rgb(72, 61, 139)
.
Abu-abu Batu Tulis Gelap #2F4F4F rgb(47, 79, 79)
.
Pirus Gelap #00CED1 rgb(48, 206, 209)
.
ungu tua #9400D3 rgb(148, 0, 211)
.
Merah Muda Tua #FF1493 rgb(249, 19, 147)
.
Langit Biru Tua #00BFFF rgb(43, 191, 254)
.
abu-abu redup #696969 rgb(105, 105, 105)
.
Dodger Biru #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)
.
Tongkat 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)
.
madu embun #F0FFF0 rgb (240, 255, 240)
.
merah muda #FF69B4 rgb (240, 255, 240)
.
Merah India #CD5C5C rgb (205, 92, 92)
.
Nila #4B0082 rgb(75, 0, 130)
.
Gading #FFFF0 rgb(255, 255, 239)
.
Dril #F0E68C rgb(240, 230, 140)
.
Lavender #E6E6FA rgb(230, 230, 250)
.
Perona pipi lavender #FFF0F5 rgb(254, 240, 245)
.
rumput hijau #7CFC00 rgb(124, 252, 2)
.
sifon lemon #FFFACD rgb(255, 250, 205)
.
Biru muda #TAMBAHKAN8E6 rgb(173, 216, 230)
.
karang ringan #F08080 rgb(240, 128, 128)
.
Cyan Muda #E0FFFF rgb(224, 255, 255)
.
Batang Emas Muda Kuning #FAFAD2 rgb (250, 250, 210)
.
Abu-abu muda #D3D3D3 rgb (211, 211, 211)
.
Hijau muda #90EE90 rgb(144, 238, 144)
.
Merah Muda Muda #FFB6C1 rgb(252, 182, 193)
.
salmon ringan #FFA07A rgb(251, 160, 122)
.
Hijau Laut Muda #20B2AA rgb(40, 178, 170)
.
Biru Langit Muda #87CEFA rgb(135, 206, 250)
.
Abu-abu Batu Tulis Muda #778899 rgb(119, 136, 153)
.
Baja Ringan Biru #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)
.
Aqua Marine sedang #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)
.
Hijau Laut Sedang #3CB371 rgb(60, 179, 113)
.
Biru Batu Tulis Sedang #7B68EE rgb(123, 103, 238)
.
Hijau Musim Semi Sedang #00FA9A rgb (62, 250, 153)
.
Pirus sedang #48D1CC rgb(72, 209, 204)
.
Merah Violet Sedang #C71585 rgb(199, 21, 133)
.
Biru tengah malam #191970 rgb(25, 25, 112)
.
krim mint #F5FFFA rgb(245, 255, 250)
.
mawar berkabut #FFE4E1 rgb(254, 228, 225)
.
Sepatu sandal #FFE4B5 rgb(254, 228, 181)
.
Navajo Putih #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)
.
Olive Drab #6B8E23 rgb(107, 142, 35)
.
Oranye #FFA500 rgb(252, 165, 3)
.
Oranye Merah #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 Ungu pucat #DB7093 rgb(219, 112, 147)
.
Pepaya cambuk #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 Ungu #663399 rgb(102, 51, 153)
.
Merah #FF0000 rgb(255, 0, 0)
.
coklat kemerahan #BC8F8F rgb(188, 143, 142)
.
Biru Kerajaan #4169E1 rgb (65, 105, 225)
.
Sadel Coklat #8B4513 rgb(139, 69, 19)
.
Ikan salmon #FA8072 rgb (250, 128, 114)
.
coklat berpasir #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)
.
batu tulis biru #6A5ACD rgb(106, 90, 205)
.
abu-abu batu tulis #708090 rgb(112, 128, 145)
.
Salju #FFFAFA rgb (255, 250, 250)
.
musim semi hijau #00FF7F rgb (63, 255, 128)
.
Baja Biru #4682B4 rgb(70, 130, 180)
.
Tan #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)
.
Ungu #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 mengenai heksadesimal dan RGB.

Warna
Nama Warna HTML / CSS
Kode Hex
#RRGGBB
Kode Desimal
(R,G,B)
  ikan salmon #FFA07A rgb(255.160.122)
  ikan salmon #FA8072 rgb(250.128.114)
  salmon hitam #E9967A rgb(233.150.122)
  karang muda #F08080 rgb(240.128.128)
  merah india #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 saja yang bisa digunakan. Anda dapat menggunakan generator warna yang disediakan oleh beberapa situs web di bawah ini.

  • W3School HTML Color Picker
    Situs ini dapat Anda gunakan untuk memilih warna berdasarkan warna dasar. Anda dapat memilih tingkat saturasi dan melihat langsung (preview) hasilnya. Selain itu, terdapat juga pilihan untuk memasukkan warna berdasarkan kode dan juga memunculkan jendela HTML 5 untuk pemilihan warna. Kode warna CSS, HTML, dan RGBnya pun dan dengan mudah Anda ketahui melalui situs ini.
  • Colors & Skillshare
    Colors merupakan situs yang digunakan sebagai alat pembuat skema. Jika Anda seorang desainer, situs ini dapat memberikan skema saran yang sesuai dengan kebutuhan dan juga tersedia kode heksadesimal yang dapat digunakan ke dalam website.
  • Kode Warna
    HTML Kode Warna HTML merupakan situs web sederhana yang menyediakan tampilan pemilihan warna. Anda tinggal mengarahkan kursor ke dalam tabel warna atau menggeser slider untuk mendapatkan warna yang sesuai dengan kode warna dalam bentuk heksadesimal.

Download 20 Template Website HTML Gratis Di Sini!

Cara Menggunakan Kode Warna HTML & CSS

Penggunaan kode warna HTML, CSS, dan warna RGB dapat diterapkan ke dalam situs web. Kode warna dapat Anda gunakan hampir di semua bagian, seperti karakter, background, dan border.

Berikut beberapa cara menggunakan kode warna HTML dan CSS:

  • Cara Menggunakan Kode Warna HTML di Karakter

<!DOCTYPE html>
<html>
<body>
  <p><font size=”3″ color="#ff0000″>Daftar Kode Warna Pada HTML & CSS</font></p>
  <p><font size= ”2″ color="#00ff00″>Daftar Kode Warna Pada HTML & CSS</font></p>
  <p><font face="verdana" color="#0000ff">Daftar Kode Warna Pada HTML & CSS< /font></p>
  <p><strong>Catatan:</strong> Elemen font hanya mendukung pada HTML 5. Gunakan CSS sebagai ganti</p>
</body>
</html>

Skrip di atas akan menghasilkan tampilan seperti di bawah ini:

Daftar Kode Warna Pada HTML & CSS

Daftar Kode Warna Pada HTML & CSS


 

Jika Anda menyukai Artikel di blog ini, Silahkan kirim Email untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit.

Delivered by FeedBurner

Share this article :

0 comments:

Posting Komentar

Thank for your visit, leave your suggestions and comments in the fields below ...

Silahkan meninggalkan komentar anda sehingga kita dapat berbagi pemikiran Anda dengan pengunjung lainnya.

Feeds Burner



 
Support : Your Link | Your Link | Your Link
Copyright © 2013. DAP3RT06RW11 - All Rights Reserved
Template Created by Creating Website Modified by CaraGampang.Com
Proudly powered by Blogger