Mere Nyaho Cara -
Kumpulan Kode Warna HTML dan Tips Mudah Cara Penulisan Text Berwarna Pada Blog - hallo selamat sore dan selamat berjumpa kembali sahabat blog
Mere Nyaho Cara, pada kesempatan sore hari ini, admin lagi - lagi mau berbagi seputar blog nih, yaitu tentang bagaimana
cara penulisan text / teks berwarna dengan kode warna HTML, dan cara yang mau admin sampaikan ini di tujukan untuk sobat semuanya saja yang merasa masih pemula dalam urusan ngeblog...
Ok lanjut guys... sebenarnya dari sekian tahun lalu dan dari tahun ke tahunnya mungkin banyak dari para blogger sana, yang menulis artikel tentang ini, tapi karena berhubung saya juga masih pemula dan ditambah lagi blog ini dibuat bertujuan untuk berbagi seputar cara / tips / trik / tutorial / blogging dsb... maka tak ada salahnya jaga saya bahas dengan gaya bahasa saya sendiri, dengan harapan dan tujuan dapat sobat fahami dan bermanfaat...
Owh ya guys.. sebelum saya melanjutkan cara penulisan text / teks berwarna ini, kira - kira sudah pada tau belum nih kode - kode warna nya ?? saya rasa jika kode warna nya belum hafal maka dapat saya jamin cara penulisan teks berwarnanya pun bakalan kesulitan, hehehe... ya bagaimana tidak coba ?? kode warnanya saja tidak hafal... gimana cara menulisnya iya kan ??... nah, maka untuk itu dibawah ini admin
Mere Nyaho Cara akan membagikan sebuah table ( tabel ) warna HTML nya dulu... berikutnya kita lanjut kecara penulisan teks berwarnanya, OK....
WARNA HITAM DAN ABU-ABU (BLACK AND GRAY) |
---|
Warna | Nama | Kode |
---|
| Black | #000000 |
| Dark Slate Gray | #2F4F4F |
| Slate Gray | #708090 |
| Light Slate Gray | #778899 |
| Dim Gray | #696969 |
| Gray | #808080 |
| Dark Gray | #A9A9A9 |
| Silver | #C0C0C0 |
| Light Gray | #D3D3D3 |
| Gainsboro | #DCDCDC |
WARNA MERAH (RED) |
---|
Warna | Nama | Kode |
---|
| Dark Red | #8B0000 |
| Fire Brick | #B22222 |
| Red | #FF0000 |
| Crimson | #DC143C |
| Light Salmon | #FFA07A |
| Dark Salmon | #E9967A |
| Salmon | #FA8072 |
| Light Coral | #F08080 |
| Indian Red | #CD5C5C |
Before you continue reading, it is necessary to underline that what is written is only a reference! so if there are errors in words and delivery methods, please understand! and below the recommendation article for you!
WARNA MERAH MUDA(PINK) |
---|
Warna | Nama | Kode |
---|
| Pale Violet Red | #DB7093 |
| Medium Violet Red | #C71585 |
| Deep Pink | #FF1493 |
| Hot Pink | #FF69B4 |
| Light Pink | #FFB6C1 |
| Pink | #FFC0CB |
WARNA ORANGE |
---|
Warna | Nama | Kode |
---|
| Orange | #FFA500 |
| Dark Orange | #FF8C00 |
| Orange Red | #FF4500 |
| Tomato | #FF6347 |
| Coral | #FF7F50 |
WARNA KUNING (YELLOW) |
---|
Warna | Nama | Kode |
---|
| Dark Khaki | #BDB76B |
| Khaki | #F0E68C |
| Pale Goldenrod | #EEE8AA |
| Peach Puff | #FFDAB9 |
| Moccasin | #FFE4B5 |
| Papaya Whip | #FFEFD5 |
| Light Goldenrod Yellow | #FAFAD2 |
| Lemon Chiffon | #FFFACD |
| Light Yellow | #FFFFE0 |
| Yellow | #FFFF00 |
| Gold | #FFD700 |
WARNA HIJAU (GREEN) |
---|
Warna | Nama | Kode |
---|
| Teal | #008080 |
| Dark Cyan | #008B8B |
| Light Sea Green | #20B2AA |
| Dark Sea Green | #8FBC8F |
| Medium Aquamarine | #66CDAA |
| Dark Olive Green | #556B2F |
| Olive | #808000 |
| Olive Drab | #6B8E23 |
| Yellow Green | #9ACD32 |
| Dark Green | #006400 |
| Green | #008000 |
| Forest Green | #228B22 |
| Sea Green | #2E8B57 |
| Medium Sea Green | #3CB371 |
| Spring Green | #00FF7F |
| Medium Spring Green | #00FA9A |
| Light Green | #90EE90 |
| Pale Green | #98FB98 |
| Lime Green | #32CD32 |
| Lime | #00FF00 |
| Lawn Green | #7CFC00 |
| Chartreuse | #7FFF00 |
| Green Yellow | #ADFF2F |
WARNA BIRU (BLUE) |
---|
Warna | Nama | Kode |
---|
| Midnight Blue | #191970 |
| Navy | #000080 |
| Dark Blue | #00008B |
| Medium Blue | #0000CD |
| Blue | #0000FF |
| RoyalBlue | #4169E1 |
| Medium Slate Blue | #7B68EE |
| Cornflower Blue | #6495ED |
| Dodger Blue | #1E90FF |
| Deep Sky Blue | #00BFFF |
| Light Sky Blue | #87CEFA |
| Sky Blue | #87CEEB |
| Light Blue | #ADD8E6 |
| Powder Blue | #B0E0E6 |
| Light Steel Blue | #B0C4DE |
| Steel Blue | #4682B4 |
| Cadet Blue | #5F9EA0 |
| Dark Turquoise | #00CED1 |
| Medium Turquoise | #48D1CC |
| Turquoise | #40E0D0 |
| Aquamarine | #7FFFD4 |
| Pale Turquoise | #AFEEEE |
| Light Cyan | #E0FFFF |
| Cyan | #00FFFF |
| Aqua | #00FFFF |
WARNA UNGU (PURPLE) |
---|
Warna | Nama | Kode |
---|
| Medium Slate Blue | #7B68EE |
| Dark Slate Blue | #483D8B |
| Slate Blue | #6A5ACD |
| Indigo | #4B0082 |
| Purple | #800080 |
| Dark Magenta | #8B008B |
| Dark Orchid | #9932CC |
| Dark Violet | #9400D3 |
| Blue Violet | #8A2BE2 |
| Amethyst | #9966CC |
| Medium Purple | #9370DB |
| Medium Orchid | #BA55D3 |
| Magenta / Fuchsia | #FF00FF |
| Orchid | #DA70D6 |
| Violet | #EE82EE |
| Plum | #DDA0DD |
| Thistle | #D8BFD8 |
| Lavender | #E6E6FA |
WARNA COKLAT (BROWN) |
---|
Warna | Nama | Kode |
---|
| Maroon | #800000 |
| Brown | #A52A2A |
| Sienna | #A0522D |
| Saddle Brown | #8B4513 |
| Chocolate | #D2691E |
| Peru | #CD853F |
| Dark Goldenrod | #B8860B |
| Goldenrod | #DAA520 |
| Sandy Brown | #F4A460 |
| Rosy Brown | #BC8F8F |
| Tan | #D2B48C |
| Burly Wood | #DEB887 |
| Wheat | #F5DEB3 |
| Navajo White | #FFDEAD |
| Bisque | #FFE4C4 |
| Blanched Almond | #FFEBCD |
| Cornsilk | #FFF8DC |
WARNA PUTIH (WHITE) |
---|
Warna | Nama | Kode |
---|
| Misty Rose | #FFE4E1 |
| Lavender Blush | #FFF0F5 |
| Linen | #FAF0E6 |
| Antique White | #FAEBD7 |
| Ivory | #FFFFF0 |
| Floral White | #FFFAF0 |
| Old Lace | #FDF5E6 |
| Beige | #F5F5DC |
| Seashell | #FFF5EE |
| White Smoke | #F5F5F5 |
| Ghost White | #F8F8FF |
| Alice Blue | #F0F8FF |
| Azure | #F0FFFF |
| Mint Cream | #F5FFFA |
| Honeydew | #F0FFF0 |
| Snow | #FFFAFA |
| White | #FFFFFF |
Nah,
itulah tadi guys kumpulan kode - kode warna HTML nya, dan saya rasa cukup jelas bukan ?? ada bagian warna / nama dan kode nya.. dan yang saya maksud kode warna HTML ya itu tadi yang berawalan dari tanda
#... ok next, saya rasa sobat semuanya sudah faham dan mengerti.. kita lanjut ketahap penulisan tekt berwarnanya...
Namun, sebelum saya melanjutkan... saya ingatkan dulu jika ingin membuat teks berwarna atau background berwarna dsb ( yang sekiranya ingin diberi warna ) usahakan dalam penulisan nama warna nya berbahasa inggris ya guys... seperti yang saya cantumkan dalam table ( tabel ) di atas... misal Merah
( Red ) kode HTML nya Merah
#ff0000 dst....
Cara Penulisan Text / Teks Berwarna
1. Penulisan teks berwarna dengan nama warna..
<font color="red">Ini hasilnya text menjadi merah</font>
2. Penulisan teks berwarna dengan kode HTML...
<font color="#ff0000">Ini hasilnya text menjadi merah</font>
3. Penulisan teks berwarna putih dengan background berwarna merah...
<span style="color:#fff;background:#ff0000;">Ini Hasilnya Teks putih background merah</span>
4. Penulisan teks berwarna putih dengan background berwarna merah dengan kode HTML...
<span style="color:white;background:red;">Ini Hasilnya Teks putih background merah</span>
Nah, sekarang gimana nih guys ?? mudah bukan ?? sudah sangat cukup faham dan mudah di mengerti sekali kan ?? begitulah cara pewarnaan pada teks... begitu juga untuk warna - warna lainnya tinggal sobat masukkan saja kode warna sesuai kebutuhan sobat... misal biru / kuning / hijau dst... untuk cara penulisannya sama seperti diatas...
Dan saya rasa cukup sampai disini aja dulu ya guys... perjumpaan kita pada kesempatan sore hari ini mengenai
Kumpulan Kode Warna HTML dan Tips Mudah Cara Penulisan Text Berwarna Pada Blog yang dapat admin blog
Mere Nyaho Cara sampaikan sore hari ini.... selamat sore dan semoga bermanfaat... sampai jumpa !!!
Content Disclaimer!
I as the owner of "BlogCaraOcha" thank you to all loyal readers, and those who accidentally stopped by here.
And I apologize if there are many advertisements on the homepage or in the post.
After "BlogCaraOcha" is accepted as a Google publisher, Google automatically places all advertisements.
If the content on "BlogCaraOcha" has similarities with other sites or blogs, it only provides a reference to each other by spreading the word in a simple article.
With the aim, all internet visitors can easily and freely which if the article is easy to understand.
In addition, so that readers can easily find what is on the search, with content that can provide content in surfing the internet!
All images posted in the article are not 100% owned by "BlogCaraOcha" but are taken from Google Search.
So if there are similarities with the images on other sites, it is only for illustration only (to decorate the storyline as outlined in the article).
For some of the images here, they are purely self-created, with the same purpose as illustration only.
However, if there are inappropriate images and ask to be removed, please provide more detailed information via the contact at "BlogCaraOcha"
For content that discusses the product review or tutorial, if there are errors, please be advised that it may be an error in typing words or lacking in detail reviewing.
So if there are typos and results that are not appropriate, can provide input where the location of the error or lack, so that the content is immediately deleted or corrected.
But before submitting, try to see between the date / year the post was published with the current date / year.
Because it could be other times what the written policy has changed.