Solusi Link di Artikel Tidak Berwarna Template Sora Ribbon | Armaila Blog - Baru saja Armaila menggunakan template baru "Sora Ribbon". Namun setelah armaila terapkan ternyata link yang ada di dalam artikel tidak berwarna sama sekali. Baru warna muncul saat diarahkan kursor ke text yang bersangkutan. Tentu saja hal ini sangat merepotkan.
Setelah googling dan mencoba mencocokkan artikel yang ada maka akhirnya Armaila temukan Solusi Link di Artikel Tidak Berwarna Template Sora Ribbon tersebut.
Bagi yang sudah menggunakan template ini. Silahkan tekan control + f dan ketik a {text-decoration:none;color:#000;}
Yang Armaila beri warna adalah kode warna yang harus diganti dengan warna yang teman teman sukai. Contoh akan diganti menjadi warna biru (1f3a93) sehingga menjadi seperti dibawah ini:
a {text-decoration:none;color:#1f3a93;}
Selanjutnya simpan template anda.
Berikut kode CSS Lengkap berdasarkan berdasarkan kode hexadecimal dan kode RGB. Referensi kode warna dibawah berdasarkan sumber dari w3schools yang aku tambahkan dengan kode RGB.
| Nama Warna | HEX | 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) | |
| 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 Golden Rod 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) |
Contoh Cara Penggunaan
Berikut cara penggunaan kode warna CSS yang benar pada sebuah kode CSS.
Kode CSS:
.warna-teks {
color: #FF6347; /* TOMATO */
}
Atau bisa penulisan warna dalam bentuk
rgb seperti berikut:
Kode CSS:
.warna-teks {
color: rgb(250, 99, 71); /* TOMATO */
}
Kode HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kode Warna CSS</title>
</head>
<body>
<p class="warna-teks">Warna Teks Berubah</p>
</body>
</html>
Kode warna tersebut juga dapat digunakan pada kode HTML seperti berikut:
Kode HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kode Warna CSS</title>
</head>
<body>
<p><font color="#FF6347">Warna Teks Berubah</font></p>
</body>
</html>
Hasilnya akan seperti berikut:
Warna Teks Berubah
Atau bisa juga menggunakan inline style seperti berikut:
Kode HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kode Warna CSS</title>
</head>
<body>
<p><font style="color:#FF6347">Warna Teks Berubah</font></p>
</body>
</html>
Demikianlah artikel "Solusi Link di Artikel Tidak Berwarna Template Sora Ribbon" semoga saja bermanfaat.
