Kode warna CSS

Kode warna dan nama CSS.

Warna CSS

Kode warna dapat berupa salah satu dari:

Format heksa: #rrggbb

Format RGB: rgb (merah, hijau, biru)

Format nama : nama

Contoh

Untuk warna oranye:

Format heksa: # FFA500

Format RGB: rgb (255.165,0)

Format nama: oranye

Menyetel warna elemen

Untuk elemen tertentu:

<element style="color: code;"/</element/

Untuk semua elemen dengan tipe yang sama. Letakkan kode di tag <style/ di bagian head:

<style/
   element
{ color: code; }
</style/

Contoh

Mengatur warna teks paragraf menjadi merah:

Warna pengaturan paragraf tertentu:

<p style="color: #FF0000;"/Some text ...</p/

Melihat:

Beberapa teks ...

Warna pengaturan semua paragraf

<style>
   p { color: #FF0000; }
</style>

Menyetel warna latar belakang elemen

element { background: code; }

Contoh

Mengatur warna latar belakang paragraf menjadi merah:

Mengatur warna latar belakang paragraf tertentu:

<p style="background: #FF0000;">Some text ...</p>

Melihat:

Beberapa teks ...

Mengatur warna latar belakang semua paragraf:

<style>
   p { background: #FF0000; }
</style>

Menyetel warna batas elemen

element { border-color: topcode rightcode bottomcode leftcode }

Contoh

Mengatur warna batas paragraf menjadi merah, hijau, biru dan hitam:

Mengatur warna batas paragraf tertentu:

<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>

Melihat:

Beberapa teks ...

Mengatur warna border semua paragraf:

<style>
   p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>

Warna merah

Warna
Nama Warna HTML / CSS
Kode Hex
#RRGGBB
Kode Desimal
(R, G, B)
  lightsalmon.dll # FFA07A rgb (255.160.122)
  ikan salmon # FA8072 rgb (250.128.114)
  darksalmon # E9967A rgb (233.150.122)
  lightcoral.dll # 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)

Warna oranye

Warna
Nama Warna HTML / CSS
Kode Hex
#RRGGBB
Kode Desimal
(R, G, B)
  karang # FF7F50 rgb (255.127,80)
  tomat # FF6347 rgb (255,99,71)
  oranger # FF4500 rgb (255,69,0)
  emas # FFD700 rgb (255.215,0)
  jeruk # FFA500 rgb (255.165,0)
  oren tua # FF8C00 rgb (255.140,0)

Warna kuning

Warna
Nama Warna HTML / CSS
Kode Hex
#RRGGBB
Kode Desimal
(R, G, B)
  Kuning muda # FFFFE0 rgb (255.255.224)
  lemonchiffon #FFFACD rgb (255.250.205)
  kuning muda # FAFAD2 rgb (250.250.210)
  pepayawhip # FFEFD5 rgb (255.239.213)
  sepatu sandal # FFE4B5 rgb (255.228.181)
  buah persik # FFDAB9 rgb (255.218.185)
  palegoldenrod.dll # EEE8AA rgb (238.232.170)
  dril # F0E68C rgb (240.230.140)
  khaki gelap # BDB76B rgb (189.183.107)
  kuning # FFFF00 rgb (255.255,0)

Warna hijau

Warna
Nama Warna HTML / CSS
Kode Hex
#RRGGBB
Kode Desimal
(R, G, B)
  layar hukum # 7CFC00 rgb (124.252,0)
  minuman keras manis # 7FFF00 rgb (127.255,0)
  hijau limau # 32CD32 rgb (50.205,50)
  jeruk nipis # 00FF00 rgb (0,255,0)
  hutan hijau # 228B22 rgb (34.139,34)
  hijau # 008000 rgb (0,128,0)
  hijau tua # 006400 rgb (0,100,0)
  hijau kuning # ADFF2F rgb (173.255,47)
  kuning hijau # 9ACD32 rgb (154.205,50)
  springgreen # 00FF7F rgb (0,255,127)
  layar menengah # 00FA9A rgb (0,250.154)
  hijau muda # 90EE90 rgb (144.238.144)
  hijau pucat # 98FB98 rgb (152.251.152)
  layar gelap # 8FBC8F rgb (143.188.143)
  mediumseagreen # 3CB371 rgb (60.179.113)
  laut hijau # 2E8B57 rgb (46.139.87)
  Zaitun # 808000 rgb (128.128,0)
  hijau tua # 556B2F rgb (85.107.47)
  olivedrab # 6B8E23 rgb (107.142,35)

Warna cyan

Warna
Nama Warna HTML / CSS
Kode Hex
#RRGGBB
Kode Desimal
(R, G, B)
  lightcyan # E0FFFF rgb (224.255.255)
  cyan # 00FFFF rgb (0,255,255)
  aqua # 00FFFF rgb (0,255,255)
  aquamarine # 7FFFD4 rgb (127.255.212)
  mediumaquamarine # 66CDAA rgb (102.205.170)
  paleturquoise #AFEEEE rgb (175.238.238)
  pirus # 40E0D0 rgb (64.224.208)
  pirus sedang # 48D1CC rgb (72.209.204)
  pirus gelap # 00CED1 rgb (0,206,209)
  lampu layar # 20B2AA rgb (32.178.170)
  cadetblue # 5F9EA0 rgb (95.158.160)
  darkcyan # 008B8B rgb (0,139,139)
  teal # 008080 rgb (0,128,128)

Warna biru

Warna
Nama Warna HTML / CSS
Kode Hex
#RRGGBB
Kode Desimal
(R, G, B)
  bubuk biru # B0E0E6 rgb (176.224.230)
  biru muda # ADD8E6 rgb (173.216.230)
  biru muda # 87CEFA rgb (135.206.250)
  langit biru # 87CEEB rgb (135.206.235)
  deepskyblue # 00BFFF rgb (0,191,255)
  lightsteelblue # B0C4DE rgb (176.196.222)
  dodgerblue # 1E90FF rgb (30.144.255)
  cornflowerblue # 6495ED rgb (100.149.237)
  baja biru # 4682B4 rgb (70.130.180)
  royalblue # 4169E1 rgb (65.105.225)
  biru # 0000FF rgb (0,0,255)
  mediumblue # 0000CD rgb (0,0,205)
  Biru tua # 00008B rgb (0,0,139)
  angkatan laut # 000080 rgb (0,0,128)
  midnightblue # 191970 rgb (25,25.112)
  mediumslateblue # 7B68EE rgb (123.104.238)
  slateblue # 6A5ACD rgb (106,90,205)
  darkslateblue # 483D8B rgb (72,61.139)

Warna ungu

Warna
 Nama Warna HTML / CSS
Kode Hex
 #RRGGBB
Kode Desimal
(R, G, B)
  lavender # E6E6FA rgb (230.230.250)
  thistle # D8BFD8 rgb (216.191.216)
  prem # DDA0DD rgb (221.160.221)
  ungu # EE82EE rgb (238.130.238)
  anggrek # DA70D6 rgb (218.112.214)
  fuchsia.dll # FF00FF rgb (255,0.255)
  magenta # FF00FF rgb (255,0.255)
  mediumorchid.dll # BA55D3 rgb (186,85,211)
  mediumpurple # 9370DB rgb (147.112.219)
  biruviolet # 8A2BE2 rgb (138,43,226)
  ungu tua # 9400D3 rgb (148,0.211)
  darkorchid # 9932CC rgb (153.50.204)
  darkmagenta # 8B008B rgb (139,0.139)
  ungu # 800080 rgb (128,0.128)
  nila # 4B0082 rgb (75,0.130)

Warna pink

Warna
Nama Warna HTML / CSS
Kode Hex
#RRGGBB
Kode Desimal
(R, G, B)
  Merah Jambu # FFC0CB rgb (255.192.203)
  lightpink # FFB6C1 rgb (255.182.193)
  hotpink # FF69B4 rgb (255.105.180)
  deeppink # FF1493 rgb (255,20,147)
  pucat ungu # DB7093 rgb (219.112.147)
  mediumviolet merah # C71585 rgb (199,21,133)

Warna putih

Warna
Nama Warna HTML / CSS
Kode Hex
#RRGGBB
Kode Desimal
(R, G, B)
  putih #FFFFFF rgb (255.255.255)
  salju #FFFAFA rgb (255.250.250)
  melon # F0FFF0 rgb (240.255.240)
  mintcream # F5FFFA rgb (245.255.250)
  biru langit # F0FFFF rgb (240.255.255)
  aliceblue.dll # F0F8FF rgb (240.248.255)
  ghostwhite # F8F8FF rgb (248.248.255)
  asap putih # F5F5F5 rgb (245.245.245)
  kerang laut # FFF5EE rgb (255.245.238)
  krem # F5F5DC rgb (245.245.220)
  tempat lama # FDF5E6 rgb (253.245.230)
  bunga putih # FFFAF0 rgb (255.250.240)
  gading # FFFFF0 rgb (255.255.240)
  antiquewhite # FAEBD7 rgb (250.235.215)
  linen # FAF0E6 rgb (250.240.230)
  lavenderblush.dll # FFF0F5 rgb (255.240.245)
  bunga mawar # FFE4E1 rgb (255.228.225)

Warna abu-abu

Warna
Nama Warna HTML / CSS
Kode Hex
#RRGGBB
Kode Desimal
(R, G, B)
  Gainsboro #DCDCDC rgb (220.220.220)
  Abu-abu muda # D3D3D3 rgb (211.211.211)
  perak # C0C0C0 rgb (192.192.192)
  Abu-abu gelap # A9A9A9 rgb (169.169.169)
  Abu-abu # 808080 rgb (128.128.128)
  dimgray # 696969 rgb (105.105.105)
  lightslategray.dll # 778899 rgb (119.136.153)
  slategray # 708090 rgb (112.128.144)
  darkslategray # 2F4F4F rgb (47,79,79)
  hitam # 000000 rgb (0,0,0)

Warna coklat

Warna
Nama Warna HTML / CSS
Kode Hex
#RRGGBB
Kode Desimal
(R, G, B)
  rambut jagung # FFF8DC rgb (255.248.220)
  blanchedalmond.dll #FFEBCD rgb (255.235.205)
  bisque # FFE4C4 rgb (255.228.196)
  navajowhite #FFDEAD rgb (255.222.173)
  gandum # F5DEB3 rgb (245.222.179)
  burlywood # DEB887 rgb (222.184.135)
  tan # D2B48C rgb (210.180.140)
  coklat kemerahan # BC8F8F rgb (188.143.143)
  coklat pasir # F4A460 rgb (244.164.96)
  goldenrod # DAA520 rgb (218.165,32)
  peru # CD853F rgb (205.133,63)
  cokelat # D2691E rgb (210.105.30)
  pelana # 8B4513 rgb (139,69,19)
  sienna # A0522D rgb (160,82,45)
  cokelat # A52A2A rgb (165,42,42)
  merah tua # 800000 rgb (128,0,0)

 


Lihat juga

Advertising

CSS
TABEL CEPAT