Pisadam
CEO
- Üyelik Tarihi
- 2 Nis 2008
- Konular
- 1,150
- Mesajlar
- 12,622
- MFC Puanı
- 20,450
Merhaba,
Arkadaşlar, okey sitemizde gerek kullanıcı adı gerek yazı rengi değiştirme ile ilgili bazı ufak problemler yaşadık. Örneğin X kullanıcısı özelimize gelip en az 4 5 renk istiyor iyi güzel yapıyoruz ama sonra beğenmeyip aaa bu güzel olmadı, farklı bir renk dener misiniz gibi istekler ile karşı karşıya kalıyoruz. Bunların önüne geçmek adına sizlerede kolaylık olsun diye bazı çalışmalar yaptım.
Okey sitemize default renkler dışında 100'e yakın renk eklenmiştir. Her rengin koyu veya açık rengi mevcuttur.
Aşağıda vermiş olduğum renkler şuan okey sitemizde kullanmakta olduğumuz renklerdir.
Kullanmak istediğiniz rengin sağındaki renk kodunu [#FC5S4A şeklinde olan] kopyalayıp sizin için oluşturmuş olduğum codepen aracılığı ile o rengin kullanıcı adınızda veya yazı renginizde nasıl duracağını test edebilirsiniz. Böylelikle kullanmak istediğiniz rengi bu yöntem ile kullanıyor olacaksınız.
Şuan okey sitemizde yeni güncelleme ile bulunan ve kullanabileceğiniz renkler;
[parseHTML]
<i style="font-size: 20px;color: #FFF10A;background: #000000;border-radius: 100%;border: 2px solid rgba(253, 176, 176, 0.5);width: 25px;height: 25px;line-height: 22px;text-align: center;top: 2px;vertical-align: text-bottom;padding-left: 1px;" class="fas fa-exclamation-circle" aria-hidden="true"></i> <span style="color: #ff0000;font-size: 18px;font-weight: 500;font-family: sans-serif;">Renk isteği yaparken sadece renk sayısını belirtin. <b>Örn: <u><i>36.Renk</i></u> / <u><i>47.Renk</i></u> gibi.</b></span>
[/parseHTML]
[parseHTML]
<table bordercolor="#787878" cellspacing="0" bordercolordark="#787878" cellpadding="2" bordercolorlight="#787878" id="table95" class="auto-style3">
<tbody>
<tr align="middle">
<td style="border-bottom: 1px solid;" width="336"><b>Renk & İsim</b></td>
<td style="border-bottom: 1px solid;" width="151"><b>Renk Kodu</b></td>
</tr>
<tr align="middle">
<td style="text-decoration: line-through; border-bottom: 1px solid;" bgcolor="#000000" width="336">
<span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">1 -</span><font color="#ffffff">Siyah / Black</font></td>
<td style="text-decoration: line-through; border-bottom: 1px solid;" width="151">#000000</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#1c1c1c" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">2 -</span><font color="#ffffff">Gri / Gray</font></td>
<td style="border-bottom: 1px solid;" width="151">#1c1c1c</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#363636" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">3 -</span><font color="#ffffff">Gri1 / Gray1</font></td>
<td style="border-bottom: 1px solid;" width="151">#363636</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#5f5f5f" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">4 -</span><font color="#ffffff">Koyu Gri / Dark Gray</font></td>
<td style="border-bottom: 1px solid;" width="151">#5f5f5f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#c0c0c0" width="336"><span style="color: #00000;text-align: left;float: left;margin-left: 15px;">5 -</span><font color="#000000">Gümüş / Silver</font></td>
<td style="border-bottom: 1px solid;" width="151">#c0c0c0</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#528b8b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">6 -</span><font color="#ffffff">Koyu Barut Grisi / DarkSlateGray</font></td>
<td style="border-bottom: 1px solid;" width="151">#528b8b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#6a5acd" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">7 -</span><font color="#ffffff">Kurşun Mavisi / Slate Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#6a5acd</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#4876ff" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">8 -</span><font color="#ffffff">Kraliyet Mavisi / Royal Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#4876ff</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#27408b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">9 -</span><font color="#ffffff">Kraliyet Mavisi / Royal Blue1</font></td>
<td style="border-bottom: 1px solid;" width="151">#27408b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#0000ff" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">10 -</span><font color="#ffffff">Mavi / Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#0000ff</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00008b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">11 -</span><font color="#ffffff">Koyu Mavi / Dark Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#00008b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#1C0F45" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">12 -</span><font color="#ffffff">Koyu Güçlü Mavi / Dark Strong Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#1c0f45</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#009acd" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">13 -</span><font color="#ffffff">Derin Gök Mavisi / Deep Sky Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#009acd</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#68838b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">14 -</span><font color="#ffffff">Açık Mavi / Light Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#68838b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#1B8BB4" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">15 -</span><font color="#ffffff">Canlı Camgöbeği / Vivid Cyan</font></td>
<td style="border-bottom: 1px solid;" width="151">#1b8bb4</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00c5cd" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">16 -</span><font color="#000000">Turkuaz / Turquoise</font></td>
<td style="border-bottom: 1px solid;" width="151">#00c5cd</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00868b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">17 -</span><font color="#ffffff">Turkuaz / Turquoise1</font></td>
<td style="border-bottom: 1px solid;" width="151">#00868b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#1C6071" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">18 -</span><font color="#ffffff">Dark Cerulean</font></td>
<td style="border-bottom: 1px solid;" width="151">#1c6071</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8fbc8f" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">19 -</span><font color="#000000">Koyu Deniz Yeşili / Dark Sea Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#8fbc8f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#698b69" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">20 -</span><font color="#ffffff">Koyu Deniz Yeşili1 / Dark Sea Green1</font></td>
<td style="border-bottom: 1px solid;" width="151">#698b69</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#2e8b57" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">21 -</span><font color="#ffffff">Deniz Yeşili / Sea Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#2e8b57</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#4A804D" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">22 -</span><font color="#ffffff">Grimsi Yeşil / Grayish Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#4a804d</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00ee76" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">23 -</span><font color="#000000">İlkbahar Yeşili / Spring Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#00ee76</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00cd66" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">24 -</span><font color="#000000">İlkbahar Yeşili1 / Spring Green1</font></td>
<td style="border-bottom: 1px solid;" width="151">#00cd66</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00cd00" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">25 -</span><font color="#000000">Yeşil / Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#00cd00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#008b00" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">26 -</span><font color="#ffffff">Yeşil1 / Green1</font></td>
<td style="border-bottom: 1px solid;" width="151">#008b00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#006400" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">27 -</span><font color="#ffffff">Koyu Yeşil / Dark Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#006400</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#6b8e23" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">28 -</span><font color="#ffffff">Zeytin Yeşili / Olive Drab</font></td>
<td style="border-bottom: 1px solid;" width="151">#6b8e23</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#9acd32" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">29 -</span><font color="#000000">Zeytin Yeşili1 / Olive Drab1</font></td>
<td style="border-bottom: 1px solid;" width="151">#9acd32</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#556b2f" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">30 -</span><font color="#ffffff">Koyu Zeytin Yeşili / Dark Olive Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#556b2f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ffff00" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">31 -</span><font color="#000000">Sarı / Yellow</font></td>
<td style="border-bottom: 1px solid;" width="151">#ffff00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cdad00" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">32 -</span><font color="#000000">Altın Rengi / Gold</font></td>
<td style="border-bottom: 1px solid;" width="151">#cdad00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b7500" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">33 -</span><font color="#ffffff">Altın Rengi1 / Gold1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b7500</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ddc488" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">34 -</span><font color="#000000">Antika Altın / Antique Gold</font></td>
<td style="border-bottom: 1px solid;" width="151">#ddc488</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#bc8f8f" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">35-</span><font color="#ffffff">Rosy Brown</font></td>
<td style="border-bottom: 1px solid;" width="151">#bc8f8f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b6969" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">36 -</span><font color="#ffffff">Rosy Brown1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b6969</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd5c5c" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">37 -</span><font color="#ffffff">Hint Kırmızısı / Indian Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd5c5c</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee6363" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">38 -</span><font color="#ffffff">Hint Kırmızısı1 / Indian Red1</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee6363</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b3a3a" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">39 -</span><font color="#ffffff">Hint Kırmızısı2 / Indian Red2</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b3a3a</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#a52a2a" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">40 -</span><font color="#ffffff">Kahverengi / Brown</font></td>
<td style="border-bottom: 1px solid;" width="151">#a52a2a</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#a0522d" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">41 -</span><font color="#ffffff">Koyu Kahverengi / Sienna</font></td>
<td style="border-bottom: 1px solid;" width="151">#a0522d</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b4726" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">42 -</span><font color="#ffffff">Koyu Kahverengi1 / Sienna1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b4726</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b7355" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">43 -</span><font color="#ffffff">Ahşap / Burlywood</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b7355</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee9a49" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">44 -</span><font color="#ffffff">Tan</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee9a49</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd853f" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">45 -</span><font color="#ffffff">Tan1</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd853f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#d2691e" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">46 -</span><font color="#ffffff">Çikolata / Chocolate</font></td>
<td style="border-bottom: 1px solid;" width="151">#d2691e</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee7621" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">47 -</span><font color="#ffffff">Çikolata1 / Chocolate1</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee7621</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b4513" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">48 -</span><font color="#ffffff">Çikolata2 / Chocolate2</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b4513</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ff3030" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">49 -</span><font color="#ffffff">Ateş Tuğlası / Firebrick</font></td>
<td style="border-bottom: 1px solid;" width="151">#ff3030</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd2626" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">50 -</span><font color="#ffffff">Ateş Tuğlası1 / Firebrick1</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd2626</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee9a00" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">51 -</span><font color="#ffffff">Turuncu / Orange</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee9a00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b5a00" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">52 -</span><font color="#ffffff">Turuncu1 / Orange1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b5a00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd6600" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">53 -</span><font color="#ffffff">Koyu Turuncu / Dark Orange2</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd6600</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ff7256" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">54 -</span><font color="#ffffff">Mercan Kırmızısı / Coral</font></td>
<td style="border-bottom: 1px solid;" width="151">#ff7256</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b3e2f" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">55 -</span><font color="#ffffff">Mercan Kırmızısı1 / Coral1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b3e2f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ff4500" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">56 -</span><font color="#ffffff">Orange Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#ff4500</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee0000" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">57 -</span><font color="#ffffff">Kırmızı / Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee0000</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd0000" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">58 -</span><font color="#ffffff">Kırmızı1 / Red1</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd0000</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#A40000" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">59 -</span><font color="#ffffff">Elma Şekeri / Dark Candy Apple Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#a40000</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b0000" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">60 -</span><font color="#ffffff">Koyu Kırmızı / Dark Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b0000</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#dc143c" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">61 -</span><font color="#ffffff">Ağır Koyu Kırmızı / Crimson</font></td>
<td style="border-bottom: 1px solid;" width="151">#dc143c</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee1289" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">62 -</span><font color="#ffffff">Koyu Pembe / Deep Pink</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee1289</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd1076" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">63 -</span><font color="#ffffff">Koyu Pembe1 / Deep Pink1</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd1076</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b0a50" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">64 -</span><font color="#ffffff">Koyu Pembe2 / Deep Pink2</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b0a50</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b636c" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">65 -</span><font color="#ffffff">Pembe / Pink</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b636c</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#b03060" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">66 -</span><font color="#ffffff">Zengin Kestane / Rich Maroon</font></td>
<td style="border-bottom: 1px solid;" width="151">#b03060</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ff34b3" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">67 -</span><font color="#ffffff">Kestane Rengi / Maroon</font></td>
<td style="border-bottom: 1px solid;" width="151">#ff34b3</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b1c62" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">68 -</span><font color="#ffffff">Kestane Rengi1 / Maroon1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b1c62</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#d02090" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">69 -</span><font color="#ffffff">Menekşe / Violet Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#d02090</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#c71585" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">70 -</span><font color="#ffffff">Orta Menekşe / Medium Violet Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#c71585</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#9400d3" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">71 -</span><font color="#ffffff">Koyu Menekşe / Dark Violet</font></td>
<td style="border-bottom: 1px solid;" width="151">#9400d3</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b008b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">72 -</span><font color="#ffffff">Dark Magenta</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b008b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd69c9" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">73 -</span><font color="#ffffff">Orkide / Orchid</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd69c9</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b4789" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">74 -</span><font color="#ffffff">Orkide1 / Orchid1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b4789</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#800080" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">75 -</span><font color="#ffffff">Mor / Purple</font></td>
<td style="border-bottom: 1px solid;" width="151">#800080</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#a020f0" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">76 -</span><font color="#ffffff">Mor1 / Purple1</font></td>
<td style="border-bottom: 1px solid;" width="151">#a020f0</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#7d26cd" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">77 -</span><font color="#ffffff">Mor2 / Purple2</font></td>
<td style="border-bottom: 1px solid;" width="151">#7d26cd</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#551a8b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">78 -</span><font color="#ffffff">Mor3 / Purple3</font></td>
<td style="border-bottom: 1px solid;" width="151">#551a8b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#9370db" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">79 -</span><font color="#ffffff">Orta Mor / Medium Purple</font></td>
<td style="border-bottom: 1px solid;" width="151">#9370db</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#008080" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">80 -</span><font color="#ffffff">Teal</font></td>
<td style="border-bottom: 1px solid;" width="151">#008080</td>
</tr>
</tbody></table>[/parseHTML]
Kullanmak istediğiniz rengin sağındaki renk kodunu kopyalayın.
codepen'de önce HTML alanında ''Buraya Kullanıcı Adınızı Yazın'' yazan yere önce kullanıcı adınızı daha sonra CSS alanında '' color: #9400d3; '' kalın işaretlediğim yeri silip oraya yapıştırın ve bekleyin alt tarafta sonucu görebilirsiniz.
Bağlantıya tıklayınız ==>>Rengini Test Et
GİF ile anlatmaya çalıştım umarım anlamışsınızdır.
Arkadaşlar, okey sitemizde gerek kullanıcı adı gerek yazı rengi değiştirme ile ilgili bazı ufak problemler yaşadık. Örneğin X kullanıcısı özelimize gelip en az 4 5 renk istiyor iyi güzel yapıyoruz ama sonra beğenmeyip aaa bu güzel olmadı, farklı bir renk dener misiniz gibi istekler ile karşı karşıya kalıyoruz. Bunların önüne geçmek adına sizlerede kolaylık olsun diye bazı çalışmalar yaptım.
Okey sitemize default renkler dışında 100'e yakın renk eklenmiştir. Her rengin koyu veya açık rengi mevcuttur.
Aşağıda vermiş olduğum renkler şuan okey sitemizde kullanmakta olduğumuz renklerdir.
Kullanmak istediğiniz rengin sağındaki renk kodunu [#FC5S4A şeklinde olan] kopyalayıp sizin için oluşturmuş olduğum codepen aracılığı ile o rengin kullanıcı adınızda veya yazı renginizde nasıl duracağını test edebilirsiniz. Böylelikle kullanmak istediğiniz rengi bu yöntem ile kullanıyor olacaksınız.
Şuan okey sitemizde yeni güncelleme ile bulunan ve kullanabileceğiniz renkler;
[parseHTML]
<i style="font-size: 20px;color: #FFF10A;background: #000000;border-radius: 100%;border: 2px solid rgba(253, 176, 176, 0.5);width: 25px;height: 25px;line-height: 22px;text-align: center;top: 2px;vertical-align: text-bottom;padding-left: 1px;" class="fas fa-exclamation-circle" aria-hidden="true"></i> <span style="color: #ff0000;font-size: 18px;font-weight: 500;font-family: sans-serif;">Renk isteği yaparken sadece renk sayısını belirtin. <b>Örn: <u><i>36.Renk</i></u> / <u><i>47.Renk</i></u> gibi.</b></span>
[/parseHTML]
[parseHTML]
<table bordercolor="#787878" cellspacing="0" bordercolordark="#787878" cellpadding="2" bordercolorlight="#787878" id="table95" class="auto-style3">
<tbody>
<tr align="middle">
<td style="border-bottom: 1px solid;" width="336"><b>Renk & İsim</b></td>
<td style="border-bottom: 1px solid;" width="151"><b>Renk Kodu</b></td>
</tr>
<tr align="middle">
<td style="text-decoration: line-through; border-bottom: 1px solid;" bgcolor="#000000" width="336">
<span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">1 -</span><font color="#ffffff">Siyah / Black</font></td>
<td style="text-decoration: line-through; border-bottom: 1px solid;" width="151">#000000</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#1c1c1c" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">2 -</span><font color="#ffffff">Gri / Gray</font></td>
<td style="border-bottom: 1px solid;" width="151">#1c1c1c</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#363636" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">3 -</span><font color="#ffffff">Gri1 / Gray1</font></td>
<td style="border-bottom: 1px solid;" width="151">#363636</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#5f5f5f" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">4 -</span><font color="#ffffff">Koyu Gri / Dark Gray</font></td>
<td style="border-bottom: 1px solid;" width="151">#5f5f5f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#c0c0c0" width="336"><span style="color: #00000;text-align: left;float: left;margin-left: 15px;">5 -</span><font color="#000000">Gümüş / Silver</font></td>
<td style="border-bottom: 1px solid;" width="151">#c0c0c0</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#528b8b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">6 -</span><font color="#ffffff">Koyu Barut Grisi / DarkSlateGray</font></td>
<td style="border-bottom: 1px solid;" width="151">#528b8b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#6a5acd" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">7 -</span><font color="#ffffff">Kurşun Mavisi / Slate Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#6a5acd</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#4876ff" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">8 -</span><font color="#ffffff">Kraliyet Mavisi / Royal Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#4876ff</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#27408b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">9 -</span><font color="#ffffff">Kraliyet Mavisi / Royal Blue1</font></td>
<td style="border-bottom: 1px solid;" width="151">#27408b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#0000ff" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">10 -</span><font color="#ffffff">Mavi / Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#0000ff</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00008b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">11 -</span><font color="#ffffff">Koyu Mavi / Dark Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#00008b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#1C0F45" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">12 -</span><font color="#ffffff">Koyu Güçlü Mavi / Dark Strong Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#1c0f45</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#009acd" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">13 -</span><font color="#ffffff">Derin Gök Mavisi / Deep Sky Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#009acd</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#68838b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">14 -</span><font color="#ffffff">Açık Mavi / Light Blue</font></td>
<td style="border-bottom: 1px solid;" width="151">#68838b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#1B8BB4" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">15 -</span><font color="#ffffff">Canlı Camgöbeği / Vivid Cyan</font></td>
<td style="border-bottom: 1px solid;" width="151">#1b8bb4</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00c5cd" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">16 -</span><font color="#000000">Turkuaz / Turquoise</font></td>
<td style="border-bottom: 1px solid;" width="151">#00c5cd</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00868b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">17 -</span><font color="#ffffff">Turkuaz / Turquoise1</font></td>
<td style="border-bottom: 1px solid;" width="151">#00868b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#1C6071" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">18 -</span><font color="#ffffff">Dark Cerulean</font></td>
<td style="border-bottom: 1px solid;" width="151">#1c6071</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8fbc8f" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">19 -</span><font color="#000000">Koyu Deniz Yeşili / Dark Sea Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#8fbc8f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#698b69" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">20 -</span><font color="#ffffff">Koyu Deniz Yeşili1 / Dark Sea Green1</font></td>
<td style="border-bottom: 1px solid;" width="151">#698b69</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#2e8b57" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">21 -</span><font color="#ffffff">Deniz Yeşili / Sea Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#2e8b57</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#4A804D" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">22 -</span><font color="#ffffff">Grimsi Yeşil / Grayish Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#4a804d</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00ee76" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">23 -</span><font color="#000000">İlkbahar Yeşili / Spring Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#00ee76</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00cd66" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">24 -</span><font color="#000000">İlkbahar Yeşili1 / Spring Green1</font></td>
<td style="border-bottom: 1px solid;" width="151">#00cd66</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#00cd00" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">25 -</span><font color="#000000">Yeşil / Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#00cd00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#008b00" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">26 -</span><font color="#ffffff">Yeşil1 / Green1</font></td>
<td style="border-bottom: 1px solid;" width="151">#008b00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#006400" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">27 -</span><font color="#ffffff">Koyu Yeşil / Dark Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#006400</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#6b8e23" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">28 -</span><font color="#ffffff">Zeytin Yeşili / Olive Drab</font></td>
<td style="border-bottom: 1px solid;" width="151">#6b8e23</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#9acd32" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">29 -</span><font color="#000000">Zeytin Yeşili1 / Olive Drab1</font></td>
<td style="border-bottom: 1px solid;" width="151">#9acd32</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#556b2f" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">30 -</span><font color="#ffffff">Koyu Zeytin Yeşili / Dark Olive Green</font></td>
<td style="border-bottom: 1px solid;" width="151">#556b2f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ffff00" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">31 -</span><font color="#000000">Sarı / Yellow</font></td>
<td style="border-bottom: 1px solid;" width="151">#ffff00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cdad00" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">32 -</span><font color="#000000">Altın Rengi / Gold</font></td>
<td style="border-bottom: 1px solid;" width="151">#cdad00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b7500" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">33 -</span><font color="#ffffff">Altın Rengi1 / Gold1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b7500</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ddc488" width="336"><span style="color: #000000;text-align: left;float: left;margin-left: 15px;">34 -</span><font color="#000000">Antika Altın / Antique Gold</font></td>
<td style="border-bottom: 1px solid;" width="151">#ddc488</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#bc8f8f" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">35-</span><font color="#ffffff">Rosy Brown</font></td>
<td style="border-bottom: 1px solid;" width="151">#bc8f8f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b6969" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">36 -</span><font color="#ffffff">Rosy Brown1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b6969</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd5c5c" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">37 -</span><font color="#ffffff">Hint Kırmızısı / Indian Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd5c5c</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee6363" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">38 -</span><font color="#ffffff">Hint Kırmızısı1 / Indian Red1</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee6363</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b3a3a" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">39 -</span><font color="#ffffff">Hint Kırmızısı2 / Indian Red2</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b3a3a</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#a52a2a" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">40 -</span><font color="#ffffff">Kahverengi / Brown</font></td>
<td style="border-bottom: 1px solid;" width="151">#a52a2a</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#a0522d" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">41 -</span><font color="#ffffff">Koyu Kahverengi / Sienna</font></td>
<td style="border-bottom: 1px solid;" width="151">#a0522d</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b4726" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">42 -</span><font color="#ffffff">Koyu Kahverengi1 / Sienna1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b4726</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b7355" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">43 -</span><font color="#ffffff">Ahşap / Burlywood</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b7355</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee9a49" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">44 -</span><font color="#ffffff">Tan</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee9a49</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd853f" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">45 -</span><font color="#ffffff">Tan1</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd853f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#d2691e" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">46 -</span><font color="#ffffff">Çikolata / Chocolate</font></td>
<td style="border-bottom: 1px solid;" width="151">#d2691e</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee7621" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">47 -</span><font color="#ffffff">Çikolata1 / Chocolate1</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee7621</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b4513" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">48 -</span><font color="#ffffff">Çikolata2 / Chocolate2</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b4513</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ff3030" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">49 -</span><font color="#ffffff">Ateş Tuğlası / Firebrick</font></td>
<td style="border-bottom: 1px solid;" width="151">#ff3030</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd2626" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">50 -</span><font color="#ffffff">Ateş Tuğlası1 / Firebrick1</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd2626</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee9a00" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">51 -</span><font color="#ffffff">Turuncu / Orange</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee9a00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b5a00" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">52 -</span><font color="#ffffff">Turuncu1 / Orange1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b5a00</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd6600" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">53 -</span><font color="#ffffff">Koyu Turuncu / Dark Orange2</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd6600</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ff7256" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">54 -</span><font color="#ffffff">Mercan Kırmızısı / Coral</font></td>
<td style="border-bottom: 1px solid;" width="151">#ff7256</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b3e2f" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">55 -</span><font color="#ffffff">Mercan Kırmızısı1 / Coral1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b3e2f</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ff4500" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">56 -</span><font color="#ffffff">Orange Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#ff4500</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee0000" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">57 -</span><font color="#ffffff">Kırmızı / Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee0000</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd0000" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">58 -</span><font color="#ffffff">Kırmızı1 / Red1</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd0000</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#A40000" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">59 -</span><font color="#ffffff">Elma Şekeri / Dark Candy Apple Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#a40000</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b0000" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">60 -</span><font color="#ffffff">Koyu Kırmızı / Dark Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b0000</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#dc143c" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">61 -</span><font color="#ffffff">Ağır Koyu Kırmızı / Crimson</font></td>
<td style="border-bottom: 1px solid;" width="151">#dc143c</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ee1289" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">62 -</span><font color="#ffffff">Koyu Pembe / Deep Pink</font></td>
<td style="border-bottom: 1px solid;" width="151">#ee1289</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd1076" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">63 -</span><font color="#ffffff">Koyu Pembe1 / Deep Pink1</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd1076</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b0a50" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">64 -</span><font color="#ffffff">Koyu Pembe2 / Deep Pink2</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b0a50</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b636c" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">65 -</span><font color="#ffffff">Pembe / Pink</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b636c</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#b03060" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">66 -</span><font color="#ffffff">Zengin Kestane / Rich Maroon</font></td>
<td style="border-bottom: 1px solid;" width="151">#b03060</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#ff34b3" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">67 -</span><font color="#ffffff">Kestane Rengi / Maroon</font></td>
<td style="border-bottom: 1px solid;" width="151">#ff34b3</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b1c62" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">68 -</span><font color="#ffffff">Kestane Rengi1 / Maroon1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b1c62</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#d02090" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">69 -</span><font color="#ffffff">Menekşe / Violet Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#d02090</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#c71585" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">70 -</span><font color="#ffffff">Orta Menekşe / Medium Violet Red</font></td>
<td style="border-bottom: 1px solid;" width="151">#c71585</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#9400d3" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">71 -</span><font color="#ffffff">Koyu Menekşe / Dark Violet</font></td>
<td style="border-bottom: 1px solid;" width="151">#9400d3</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b008b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">72 -</span><font color="#ffffff">Dark Magenta</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b008b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#cd69c9" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">73 -</span><font color="#ffffff">Orkide / Orchid</font></td>
<td style="border-bottom: 1px solid;" width="151">#cd69c9</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#8b4789" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">74 -</span><font color="#ffffff">Orkide1 / Orchid1</font></td>
<td style="border-bottom: 1px solid;" width="151">#8b4789</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#800080" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">75 -</span><font color="#ffffff">Mor / Purple</font></td>
<td style="border-bottom: 1px solid;" width="151">#800080</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#a020f0" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">76 -</span><font color="#ffffff">Mor1 / Purple1</font></td>
<td style="border-bottom: 1px solid;" width="151">#a020f0</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#7d26cd" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">77 -</span><font color="#ffffff">Mor2 / Purple2</font></td>
<td style="border-bottom: 1px solid;" width="151">#7d26cd</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#551a8b" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">78 -</span><font color="#ffffff">Mor3 / Purple3</font></td>
<td style="border-bottom: 1px solid;" width="151">#551a8b</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#9370db" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">79 -</span><font color="#ffffff">Orta Mor / Medium Purple</font></td>
<td style="border-bottom: 1px solid;" width="151">#9370db</td>
</tr>
<tr align="middle">
<td style="border-bottom: 1px solid;" bgcolor="#008080" width="336"><span style="color: #ffffff;text-align: left;float: left;margin-left: 15px;">80 -</span><font color="#ffffff">Teal</font></td>
<td style="border-bottom: 1px solid;" width="151">#008080</td>
</tr>
</tbody></table>[/parseHTML]
Kullanmak istediğiniz rengin sağındaki renk kodunu kopyalayın.
codepen'de önce HTML alanında ''Buraya Kullanıcı Adınızı Yazın'' yazan yere önce kullanıcı adınızı daha sonra CSS alanında '' color: #9400d3; '' kalın işaretlediğim yeri silip oraya yapıştırın ve bekleyin alt tarafta sonucu görebilirsiniz.
Bağlantıya tıklayınız ==>>Rengini Test Et
GİF ile anlatmaya çalıştım umarım anlamışsınızdır.
Son düzenleme: