<?xml version="1.0"?>
<rss version="2.0"><channel><title/><link>https://belgeport.net/blogs/blog/yazarlar-1/</link><description><![CDATA[<p>
	Türk ve Dünya edebiyatına emek veren yazarların biyografileri
</p>
]]></description><language>en</language><item><title>Dostoyevski - &#xD6;l&#xFC; Evinden An&#x131;lar</title><link>https://belgeport.net/blogs/entry/dostoyevski-olu-evinden-anilar-11/</link><description><![CDATA[<p>
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="662" data-ratio="133.33" data-unique="ufepdcoxz" width="480" alt="FB_IMG_1766068658830.jpg" data-src="https://belgeport.net/uploads/monthly_2025_12/FB_IMG_1766068658830.jpg.54b97edbde357943096b9209485153a6.jpg" src="https://belgeport.net/applications/core/interface/js/spacer.png">
</p>

<p>
	Dostoyevski kalabalık bir toplantıda yaptığı konuşma ve okuduğu şiir nedeniyle Rus Çarı tarafından hapse mahkum edilir ve Sibirya’ya sürülür. Hapis yıllarını “Ölüler Evinden Anılar” isimli kitabında toplar.  
</p>

<p>
	Yazar, buradaki hayatından önce halkı, insanları tanıdığını düşündüğünü, ama yanıldığını hapis yıllarında anladığını belirtir. 
</p>

<p>
	Dostoyevski, ‘kara halk’ olarak tanımladığı bu kitleyle karşılaştıktan sonra, insanları çözümlemeye ve iç dünyalarının derinliklerine inmeye başlar.
</p>

<p>
	Sürgünde Dostoyevski, hapishanedeki bir köpekle, insan ilişkileri üzerine gözleme dayalı bir deney yapar.
</p>

<p>
	Köpeği takibe alır ve yanından geçen her mahkumun onu tekmelediğini gözlemler. İlginç olan şey, köpeğin mahkumlardan kaçmaması ve yanına bir mahkum yaklaştığında eğilerek tekme pozisyonu almasıdır. Köpeğin her yanından geçen her mahkum köpeği tekmelemekte ve köpek buna bir tepki vermemektedir.
</p>

<p>
	Dostoyevski de, bir gün köpeğe yaklaşır ve onun başını okşamaya başlar. Köpek bir süre şaşkın şaşkın ona baktıktan sonra, hızla yanından uzaklaşır ve acı acı havlar.
</p>

<p>
	Önüne gelen mahkumun tekmelediği köpek, o günden sonra nerede Dostoyevski’yi görse ondan kaçar ve ona bir daha asla yaklaşmaz. Köpeğin tekme atanlardan kaçacağı yerde başını okşayan Dostoyevski’den kaçmasının bir psikolojik açıklaması vardır elbet!
</p>

<p>
	Kötülüğü hayat şartı kabul etmiş canlıların sevgiyi, kardeşliği, paylaşmayı görünce çok büyük şaşkınlık yaşamaları ve afallamalarıdır bu...
</p>

<p>
	Ruhu köleleştirilmiş bu köpek sevgiye açtır ve bu durum insanlar için de geçerlidir...
</p>

<p>
	Bazen kötü davrandığınız insanlar size tapar bazense iyi davrandıklarınız sizden nefret eder...
</p>

<p>
	Dostoyevski
</p>

<p>
	Ölü Evinden Anılar kitabından
</p>
]]></description><guid isPermaLink="false">11</guid><pubDate>Thu, 18 Dec 2025 14:32:45 +0000</pubDate></item><item><title>Nabiz&#xE2;de N&#xE2;z&#x131;m</title><link>https://belgeport.net/blogs/entry/nabizade-nazim-8/</link><description><![CDATA[<p>
	<img alt="Nabizâde Nâzım" class="ipsImage ipsImage_thumbnailed ipsAttachLink_image ipsAttachLink_left" data-fileid="339" data-ratio="87.27" data-unique="l2q05v55i" style="width: 220px; height: auto; float: left;" width="254" data-src="https://belgeport.net/uploads/monthly_2025_10/1365460994_Nabizade_Nazm.jpg.d0605205a90e0076de23a603cc37730c.jpg" src="https://belgeport.net/applications/core/interface/js/spacer.png">Nabizâde Nâzım (Osmanlıca: نابع ذاده ناظم) (d. 1862 (?) - ö. 6 Ağustos 1893), Osmanlı Türkü Tanzimat dönemi yazarıdır.
</p>

<p>
	Şiir, anı, hikâye, roman türlerinde ve bilimsel konularda eserler veren Nabizade Nazım, ilk Türkçe gerçekçi köy romanı olarak kabul edilen Karabibik’in ve Türk edebiyatındaki ilk natüralist, tezli ve psikolojik roman denemesi olan Zehra’nın yazarıdır.
</p>

<p>
	 
</p>

<p>
	<strong><span style="color:#000000;"><span style="font-size:18px;">Hayatı</span></span></strong>
</p>

<p>
	1862 yılında İstanbul’da, Nişantaşı’nda doğdu. Tam adı Ahmet Nazım idi. Babası Nabi Efendi’yi ve annesini genç yaşta kaybetti. Ninesi tarafından büyütüldü. “Yadigarlarım' adlı yapıtında anlattığı anılarından öğrenildiğine göre mutsuz bir çocukluk geçirdi.
</p>

<p>
	İlköğrenimini Tophane Mahalle Mektebi’nde tamamladıktan sonra önce Fevziye Rüştiyesi’nde sonra Beşiktaş Askeri Rüştiyesi’nde öğrenim gördü. Okulun İdadi (lise) bölümünü de bitirdikten sonra yükseköğrenimini Mühendishane-i Berri-i Hümayun (Kara Askeri Mühendis Okulu)'da yaptı. 1884'te topçu mülazım-ı sanisi (topçu üsteğmen) olarak mezun oldu. Öğrenimine Mekteb-i Harbiye-i Şahane (Kara Harp Okulu)’de devam etti.
</p>

<p>
	İlk yazısını henüz öğrenci olduğu 1880 yılında Vakit Gazetesi’nde A.Nazım imzasıyla yayımlandı. Bu yazı, “Esaret” başlıklı bir denemedir. Öğrencilik ve askerlik yaşamının devam ettiği 1880-1890 yıllarını aynı zamanda çok verimli bir yazım adamı olarak geçirdi.
</p>

<p>
	Çok başarılı bir öğrenci olan Nabizade Nazım, 1886’da Erkan-ı Harbiye (genelkurmay) yüzbaşısı olarak mezun olduktan sonra kendi okulunda askeri öğretmenlik yaptı; yüksek cebir, istihkam ve topoğrafya dersleri verdi. Keşif ve araştırma yapmak üzere iki yıl Suriye'de görev yaptı. 1890'da İstanbul'a döndü. O yıl, ilk Türkçe gerçekçi köy romanı olan Karabibik adlı eserini yayımladı. 1891’de çıkmaya başlayan ve o günlerde bir bilim dergisi niteliği taşıyan Servet-i Fünûn dergisinin ilk yazarlarından birisi oldu.
</p>

<p>
	İstanbul’a dönüşünden bir süre sonra sevdiği kızla evlendi ancak mutlu bir evlilik yaşamı olmadı. Evlendikten kısa bir süre sonra kemik veremi hastalığına yakalandı. Haydarpaşa Hastanesi’nde iki yıl kadar tedavi gördü ama iyileşemedi; 6 Ağustos 1893'te öldü ve Üsküdar'da Miskinler Tekkesi yakınındaki mezarlıkta toprağa verildi.
</p>

<p>
	<span style="color:#000000;"><span style="font-size:18px;"><strong>Edebî hayatı</strong></span></span>
</p>

<p>
	Nabizade Nazım, daha çok Natüralizmden etkiler taşıyan şiirlerini, bilimsel konuları işleyen makalelerini, öykülerini Hazine-i Evrak, Mir'at-i Aem, Rehber-i Fünun, Afak, Berk, Manzara gibi dergilerle Tercüman-ı Hakikat, Servet, Mürüvvet gibi gazetelerde yayımlamıştır.
</p>

<p>
	Şiirlerinde ölüm, tabiat, tanrı gibi terimleri işledi. Şiirleri Heves Ettim adındaki şiir kitabında toplanmıştır.
</p>

<p>
	1890 yılında yayımlanan Karabibik adlı uzun hikâye denilebilecek romanı, edebiyatımızda ilk köy romanı olma özelliğini taşır, kendisinin “hakikiyyun” dediği realist bir eserdir. Zehra (1896) romanı ise bir psikolojik roman denemesidir. Bu romanda Şehzadebaşı tiyatrolarının tulumbacı kahvelerini, kadın kavgalarını gerçekçi bir görüşle aktarmıştır. Eser, bir psikolojik roman kabul edilmez ama Türk edebiyatında psikoloji öğelerinin kullanıldığı ilk roman kabul edilir.
</p>

<p>
	 
</p>

<p>
	<span style="color:#000000;"><span style="font-size:18px;"><strong>Eserleri</strong></span></span>
</p>

<ul>
	<li>
		"Heves Ettim" (şiir, 1885)
	</li>
	<li>
		"Minimini-yahut-Yine Heves" (şiir, 1886)
	</li>
	<li>
		"Yadigarlarım" (anı-öykü, 1886)
	</li>
	<li>
		"Zavallı Kız" (öykü, 1890)
	</li>
	<li>
		"Bir Hatıra" (öykü, 1890)
	</li>
	<li>
		Karabibik (roman, 1891)
	</li>
	<li>
		"Sevda" (öykü, 1891)
	</li>
	<li>
		"Mini Mini Mektepli (okuma ve yazma parçaları, 1891)
	</li>
	<li>
		"Hala Güzel" (öykü, 1891)
	</li>
	<li>
		"Haspa" (öykü, 1891)
	</li>
	<li>
		"Seyyie-i Tesamüh" (-hoşgörünün kötülüğü-uzun öykü, 1892)
	</li>
	<li>
		Esatir (mitoloji, 1892)
	</li>
	<li>
		Aynalar (fizik kitabı, 1892)
	</li>
	<li>
		Zehra (roman, 1896)
	</li>
</ul>
]]></description><guid isPermaLink="false">8</guid><pubDate>Sun, 05 Oct 2025 19:44:00 +0000</pubDate></item><item><title>Amin Maalouf</title><link>https://belgeport.net/blogs/entry/amin-maalouf-6/</link><description><![CDATA[<p>
	<strong>Amin Maalouf</strong> ya da <strong>Emin Maluf</strong> (Arapça: أمين معلوف‎; d. 25 Şubat 1949, Beyrut), kitaplarını Fransızca yazan Lübnanlı yazardır. 1976'dan beri Fransa'da yaşamaktadır. Yazar, 1993 yılında Goncourt Akademisi Edebiyat Ödülü'ne layık görülmüştür. Kitapları 40'tan fazla dile çevrilmiş ve eserleri, Fransa'da ve çevrildiği birçok dilde geniş okur kitlesine ulaşmıştır.
</p>

<table style="text-align: right; background-color:#f8f9fa; border-spacing:3px; border:1px solid #a2a9b1; color:black; font-size:14.08px; padding:0.2em; text-align:start">
	<tbody>
		<tr>
			<th colspan="2" style="font-size:17.6px; text-align:center; vertical-align:top">
				<span>Amin Maalouf</span>
			</th>
		</tr>
		<tr>
			<td colspan="2" style="text-align:center; vertical-align:top">
				<a class="ipsAttachLink ipsAttachLink_image" href="https://belgeport.net/uploads/monthly_2025_09/Amin_Maalouf_par_Claude_Truong-Ngoc_novembre_2013.jpg.1c8e4d9cc85bf19a93391ab3c74cbd5d.jpg" data-fileid="327" data-fileext="jpg" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="327" data-ratio="150.00" data-unique="somylcvwt" style="width: 200px; height: auto;" width="500" alt="Amin_Maalouf_par_Claude_Truong-Ngoc_novembre_2013.jpg" data-src="https://belgeport.net/uploads/monthly_2025_09/Amin_Maalouf_par_Claude_Truong-Ngoc_novembre_2013.thumb.jpg.37954c311244b900e2a30f1fea736508.jpg" src="https://belgeport.net/applications/core/interface/js/spacer.png"></a>
				<div>
					Amin Maalouf (2013)
				</div>
			</td>
		</tr>
		<tr>
			<th scope="row" style="text-align:left; vertical-align:top">
				Doğum
			</th>
			<td style="text-align:left; vertical-align:top">
				25 Şubat 1949<span><span> </span>(76 yaşında)</span><br>
				<span ipsnoautolink="true">Beyrut</span>,<span> </span><span ipsnoautolink="true">Lübnan</span>
			</td>
		</tr>
		<tr>
			<th scope="row" style="text-align:left; vertical-align:top">
				Meslek
			</th>
			<td style="text-align:left; vertical-align:top">
				<span ipsnoautolink="true">Roman</span><span> </span>yazarı
			</td>
		</tr>
		<tr>
			<th scope="row" style="text-align:left; vertical-align:top">
				Dil
			</th>
			<td style="text-align:left; vertical-align:top">
				<span ipsnoautolink="true">Fransızca</span>
			</td>
		</tr>
		<tr>
			<th scope="row" style="text-align:left; vertical-align:top">
				İkamet
			</th>
			<td style="text-align:left; vertical-align:top">
				<span ipsnoautolink="true">Paris</span>,<span> </span><span ipsnoautolink="true">Fransa</span>
			</td>
		</tr>
		<tr>
			<th scope="row" style="text-align:left; vertical-align:top">
				Milliyet
			</th>
			<td style="text-align:left; vertical-align:top">
				<span ipsnoautolink="true">Lübnanlı</span>
			</td>
		</tr>
		<tr>
			<th scope="row" style="text-align:left; vertical-align:top">
				Vatandaşlık
			</th>
			<td style="text-align:left; vertical-align:top">
				<span data-sort-value="Fransa"><span><span typeof="mw:File"><span><img alt="40px-Flag_of_France.svg.png" data-file-height="600" data-file-width="900" data-ratio="67.50" decoding="async" height="15" srcset="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/60px-Flag_of_France.svg.png 2x" style="border:1px solid #eaecf0; vertical-align:middle" width="23" data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/40px-Flag_of_France.svg.png" src="https://belgeport.net/applications/core/interface/js/spacer.png"></span></span> </span><span ipsnoautolink="true">Fransa</span></span>
			</td>
		</tr>
		<tr>
			<th scope="row" style="text-align:left; vertical-align:top">
				Dönem
			</th>
			<td style="text-align:left; vertical-align:top">
				1983 - günümüz
			</td>
		</tr>
		<tr>
			<th scope="row" style="text-align:left; vertical-align:top">
				Tür
			</th>
			<td style="text-align:left; vertical-align:top">
				Tarihsel kurgu roman
			</td>
		</tr>
		<tr>
			<th scope="row" style="text-align:left; vertical-align:top">
				Konu
			</th>
			<td style="text-align:left; vertical-align:top">
				Tarihî olaylar, dönemler ve kişiler
			</td>
		</tr>
		<tr>
			<th scope="row" style="text-align:left; vertical-align:top">
				Önemli eser
			</th>
			<td style="text-align:left; vertical-align:top">
				<span ipsnoautolink="true">Afrikalı Leo</span><span> </span>(1986)<br>
				<span ipsnoautolink="true">Semerkant</span><span> </span>(1988)<br>
				<span ipsnoautolink="true">Tanios Kayası</span><span> </span>(1993)<br>
				<span ipsnoautolink="true">Doğu'nun Limanları</span><span> </span>(1996)
			</td>
		</tr>
		<tr>
			<th scope="row" style="text-align:left; vertical-align:top">
				Önemli ödülleri
			</th>
			<td style="text-align:left; vertical-align:top">
				<span ipsnoautolink="true">Goncourt Akademisi Edebiyat Ödülü</span><span> </span>(1993)
			</td>
		</tr>
	</tbody>
</table>

<p>
	<span style="font-size:18px;"><strong>Hayatı</strong></span>
</p>

<p>
	Amin Maalouf, 25 Şubat 1949'da Lübnan'ın başkenti Beyrut'ta doğdu. Annesi Türk kökenli Mısırlı, babası ise Lübnan'ın Beskinta köyü yakınlarındaki bir Melkite Katolik cemaatindendi. Maalouf, ekonomi ve toplumbilim okuduktan sonra gazeteciliğe başladı. Lübnan'da iç savaşın çıktığı 1975'e kadar Lübnan'da gazetecilik yaptı. Bu tarihte Paris'e göç etti. Yazar, hâlen Paris'te yaşamaktadır. Çeşitli yayın organlarında yöneticilik ve köşe yazarlığı yapmış olan Maalouf, bugün vaktinin çoğunu kitaplarını yazmaya ayırmaktadır.
</p>

<p>
	 
</p>

<p>
	<span style="font-size:18px;"><strong>Yazarlık Kariyeri</strong></span>
</p>

<p>
	Amin Maalouf, ana dili Arapça olmasına rağmen kitaplarını Fransızca yazmaktadır. Yapıtlarında çok iyi bildiği Asya ve Akdeniz çevresi kültürlerinin söylencelerini işleyen Maalouf, 1983'te yayımlanan ilk kitabı Arapların Gözüyle Haçlı Seferleri ile tanındı. Bu kitap, çevrildiği dillerde de büyük bir başarı kazandı. 1986'da yayımlanan ve aynı yıl Fransız - Arap Dostluk Ödülü'nü kazanan ikinci kitabı, aynı zamanda ilk romanı olan Afrikalı Leo, bugün bir "klasik" olarak kabul edilmektedir.
</p>

<p>
	Maalouf'un 1988'de yayımlanan ikinci romanı Semerkant da coşkulu bir şekilde karşılandı ve pek çok dile çevrildi. Maalouf, bu eserinde bu sefer 11. yüzyıl İran coğrafyasına ve Selçuklu tarihine odaklandı.
</p>

<p>
	Maalouf'un sonraki kitapları da yine roman tarzındaydı: 1991'de yayımlanan Işık Bahçeleri ve 1992'de yayımlanan Beatrice'den Sonra Birinci Yüzyıl.
</p>

<p>
	Maalouf, 1993'te yayımlanan romanı Tanios Kayası ile Goncourt Akademisi Edebiyat Ödülü'nü kazandı. 1996'da Doğu'nun Limanları adlı romanı ve 1998'de ise Ölümcül Kimlikler adlı deneme kitabı piyasaya çıktı. 2000'de Yüzüncü Ad: Baldassare'nin Yolculuğu adlı romanı yayımlandı.
</p>

<p>
	Ayrıca 2002'de opera için yazdığı ve Finlandiyalı müzisyen Kaija Saariaho'nun bestelediği Uzaktan Aşk, Maalouf'un ilk librettosudur. 2004'te yayımlanan Yolların Başlangıcı adlı ailesini anlatan bir çeşit hatırat kitabından sonra, 2006 yılında Adriana Mater adlı ikinci librettosunu yayınladı.
</p>

<p>
	Kitaplarında genellikle doğuya ait öğeleri çok iyi işlemektedir. Doğuya ait gelenek ve görenekleri kitaplarında mutlaka tanıtır. Birçok kitabında Osmanlı ve Türkiye üzerine yorumları da görülmektedir. Kitaplarında doğu halklarının neden geri kalmış olduğu konusunda analizler ve tespitler yapmaktadır. Kitapları roman tarzında yazılmış olsa da, sosyolojik temalar kitaplarında sürekli olarak işlenir.
</p>

<p>
	Kitaplarının Türkçe çevirileri Yapı Kredi Yayınları tarafından yayımlanmaktadır.
</p>

<p>
	 
</p>

<p>
	<strong><span style="font-size:18px;">Kitaplarında Türkler</span></strong>
</p>

<p>
	Amin Maalouf, birçok kitabında Türkler ile ilgili yorumlara ve anlatılara yer vermiştir. Örneğin Semerkant romanında; Selçuklulardan olan Tuğrul ve Çağrı'nın, Ömer Hayyam'ın memleketi olan Nişabur'u ele geçirirken yaptıkları zorbalıklardan, yağmadan, katliamlardan ve tecavüzlerden bahsetmiş, bu olaya "Büyük Korku" adını vermiş ve Selçuklulardan çapulcular olarak bahsetmiştir. Bunun yanı sıra, Selçuklu hükümdarı Tuğrul'un, iktidarının gücüne güvenerek Abbâsî halifesinin kızını istediğini, ancak Halife kızını vermek istemeyince, Tuğrul'un Halife'ye alaycı bir şekilde sövdüğünü yazmıştır. Yine aynı kitabında Selçuklu hükümdarı I. Melikşah'ın, atabeyi vezir Nizâmülmülk'ü öldürmek istediğini iddia etmiştir.
</p>

<p>
	Afrikalı Leo kitabında ise Maalouf, Osmanlı İmparatorluğu ve Yavuz Sultan Selim'in Kahire seferinde iken 8000 kişiyi öldürdüğünü iddia etmiştir.
</p>

<p>
	 
</p>

<p>
	<span style="font-size:18px;"><strong>Eserleri</strong></span>
</p>

<p>
	<strong>Kurgusal eserleri</strong>
</p>

<ul>
	<li>
		Afrikalı Leo (1986)
	</li>
	<li>
		Semerkant (1988)
	</li>
	<li>
		Işık Bahçeleri (1991)
	</li>
	<li>
		Beatrice'den Sonra Birinci Yüzyıl (1992)
	</li>
	<li>
		Tanios Kayası (1993)
	</li>
	<li>
		Doğunun Limanları (1996)
	</li>
	<li>
		Yüzüncü Ad (2000)
	</li>
	<li>
		Doğu'dan Uzakta (2012)
	</li>
	<li>
		Empedokles'in Dostları (2021)
	</li>
</ul>

<p>
	<strong>Opera librettoları</strong>
</p>

<ul>
	<li>
		Uzaktan Aşk (2002)
	</li>
	<li>
		Adriana Mater (2006)
	</li>
</ul>

<p>
	<strong>Kurgusal olmayan eserleri</strong>
</p>

<ul>
	<li>
		Arapların Gözüyle Haçlı Seferleri (1983)
	</li>
	<li>
		Ölümcül Kimlikler (1998)
	</li>
	<li>
		Çivisi Çıkmış Dünya (2009)
	</li>
	<li>
		Uygarlıkların Batışı (2019)
	</li>
	<li>
		Labirent: Batı ve Hasımları (2024)
	</li>
</ul>

<p>
	<strong>Hatırat</strong>
</p>

<ul>
	<li>
		Yolların Başlangıcı (2004)
	</li>
</ul>
]]></description><guid isPermaLink="false">6</guid><pubDate>Tue, 30 Sep 2025 12:03:37 +0000</pubDate></item><item><title>Yu Hua</title><link>https://belgeport.net/blogs/entry/yu-hua-3/</link><description><![CDATA[<p>
	Yu Hua (d. 3 Nisan 1960, Zhejiang), Çinli romancı.
</p>

<p>
	1960 yılında Zhejiang'ta doğan yazar üniversitede 5 yıl boyunca diş hekimliği bölümünde okudu. Ancak daha sonra 23 yaşındayken yazar olmaya karar verdi ve çalışmalarına başladı.
</p>

<p>
	Çin Kültür Devrimi'nden çokça etkilendi, eserlerinde sık sık devrimin yansımalarına yer verdi.
</p>

<p>
	Yazar bugüne kadar 4 roman yayımladı. Bu romanlar arasındaki Huozhe adlı eseri, Türkçede Nisan 2016 yılında Yaşamak adıyla yayımlandı. Eser, 1994 yılında Zhong Yimou tarafından sinemaya da uyarlanmıştır.
</p>

<p style="text-align: center;">
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="189" data-ratio="90.00" data-unique="1zuk0aqav" width="600" alt="yu_hua_t_portrat.jpg" data-src="https://belgeport.net/uploads/monthly_2025_05/yu_hua_t_portrat.jpg.3ed22565e740d7a814cb3b49068296c5.jpg" src="https://belgeport.net/applications/core/interface/js/spacer.png">
</p>

<p style="text-align: center;">
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="190" data-ratio="66.81" data-unique="rf2cydtqj" width="940" alt="chine-yu-hua_2.jpg" data-src="https://belgeport.net/uploads/monthly_2025_05/chine-yu-hua_2.jpg.73ab7cb7151e8527fe395424299a34ea.jpg" src="https://belgeport.net/applications/core/interface/js/spacer.png">
</p>
]]></description><guid isPermaLink="false">3</guid><pubDate>Fri, 09 May 2025 21:33:23 +0000</pubDate></item><item><title>CSS Renk Kodlar&#x131;</title><link>https://belgeport.net/blogs/entry/css-renk-kodlari-2/</link><description><![CDATA[
<p>
	<span style="font-size:20px;"><strong>Well-Known Color Values #</strong></span>
</p>

<p>
	<span style="font-size:16px;">CSS'DE renkleri tanımlamanın birçok farklı yolu vardır. CSS adlı renkler, bir öğeyi renklendirmenin en basit yollarından biridir:</span>
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_8" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> red</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span></pre>

<p>
	 
</p>

<p>
	Bunlar çok sınırlı ve nadiren inşa ettiğimiz tasarımlara uyuyor! Renkli onaltılık (onaltılık) değerleri de kullanabiliriz. Bu kod öğemize kırmızı bir arka plan rengi verir:
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_10" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> </span><span class="lit">#ff0000</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span></pre>

<p>
	Renk uzmanı değilseniz, onaltılık değerleri okumak çok zordur. Onaltılık değeri okuyarak bir öğenin rengini tahmin etmeniz pek olası değildir. Bir web sitesi oluştururken bir tasarımcı tarafından bize onaltılık renk değeri verilebilir, ancak bizden bunu yapmamızı isteselerdi, %20 daha koyu diyelim, görsel bir kılavuz veya renk seçici olmadan onaltılık değeri ayarlayarak bunu yapmakta zorlanırdık.
</p>

<p>
	<strong>RGB #</strong>
</p>

<p>
	RGB (kırmızı, yeşil, mavi) gösterimi, renkleri yazmanın alternatif bir yoludur ve bize onaltılık değerlerle aynı renk aralığına çok daha okunabilir bir biçimde erişmemizi sağlar. Bunun için css'de bir <em>rgb ()</em> işlevimiz var. Ağdaki renkler katkı maddesidir, yani kırmızı, yeşil ve mavi oranı ne kadar yüksek olursa, ortaya çıkan renk o kadar açık olur. Sadece kırmızı kanalı kullanırsak, sonuç kırmızıdır:
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_12" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">rgb</span><span class="pun">(</span><span class="lit">255</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span></pre>

<p>
	Kırmızı, yeşil ve mavi kanalların en yüksek değere ayarlanması beyaza neden olur:
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_14" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">rgb</span><span class="pun">(</span><span class="lit">255</span><span class="pun">,</span><span class="pln"> </span><span class="lit">255</span><span class="pun">,</span><span class="pln"> </span><span class="lit">255</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span></pre>

<p>
	<em>rgba ()</em> işlevini kullanarak bir alfa kanalı da (saydamlık için) ekleyebiliriz:
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_16" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> rgba</span><span class="pun">(</span><span class="lit">255</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0.5</span><span class="pun">);</span><span class="pln"> </span><span class="pun">//</span><span class="pln"> transparency of </span><span class="lit">50%</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> rgba</span><span class="pun">(</span><span class="lit">255</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln"> </span><span class="lit">1</span><span class="pun">);</span><span class="pln"> </span><span class="pun">//</span><span class="pln"> fully opaque
</span><span class="pun">}</span></pre>

<p>
	<em>rgb ()</em> ve <em>rgba ()</em>, kodumuzdaki renkleri bir dereceye kadar “karıştırmamıza” izin verir, ancak sonuçlar biraz tahmin edilemez olabilir.
</p>

<p>
	 
</p>

<p>
	<strong>HSL #</strong>
</p>

<p>
	Daha yakın zamanlarda, <em>hsl ()</em> ve <em>hsla()</em> renk işlevleriyle HSL (ton, doygunluk, açıklık) değerlerini kullanabildik. Bir geliştirici olarak, renk değerlerini ayarlama söz konusu olduğunda bunlar çok daha sezgiseldir. Örneğin, açıklık parametresini ayarlayarak aynı rengin daha koyu ve daha açık varyantlarını elde edebiliriz:
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_18" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> hsl</span><span class="pun">(</span><span class="lit">0deg</span><span class="pun">,</span><span class="pln"> </span><span class="lit">100%</span><span class="pun">,</span><span class="pln"> </span><span class="lit">20%</span><span class="pun">);</span><span class="pln"> </span><span class="pun">//</span><span class="pln"> dark red
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> hsl</span><span class="pun">(</span><span class="lit">0deg</span><span class="pun">,</span><span class="pln"> </span><span class="lit">100%</span><span class="pun">,</span><span class="pln"> </span><span class="lit">50%</span><span class="pun">);</span><span class="pln"> </span><span class="pun">//</span><span class="pln"> medium red
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> hsl</span><span class="pun">(</span><span class="lit">0deg</span><span class="pun">,</span><span class="pln"> </span><span class="lit">100%</span><span class="pun">,</span><span class="pln"> </span><span class="lit">80%</span><span class="pun">);</span><span class="pln"> </span><span class="pun">//</span><span class="pln"> light red
</span><span class="pun">}</span></pre>

<p>
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="179" data-ratio="37.28" data-unique="1m96dy091" width="955" alt="1-modern-css-color.png" data-src="https://belgeport.net/uploads/monthly_2025_05/1-modern-css-color.png.e632a9b5e648772646f05d07858f9749.png" src="https://belgeport.net/applications/core/interface/js/spacer.png">
</p>

<p>
	Hue parametresi, bir renk tekerleğindeki konumu temsil eder ve 0 ile 360 derece arasında herhangi bir değer olabilir. İşlev ayrıca dönüş birimlerini (örneğin 0,5 dönüş) ve birimsiz değerleri de kabul eder.
</p>

<p>
	Aşağıdakilerin hepsi geçerlidir:
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_20" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> hsl</span><span class="pun">(</span><span class="lit">180deg</span><span class="pun">,</span><span class="pln"> </span><span class="lit">50%</span><span class="pun">,</span><span class="pln"> </span><span class="lit">50%</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> hsl</span><span class="pun">(</span><span class="lit">0.5turn</span><span class="pun">,</span><span class="pln"> </span><span class="lit">50%</span><span class="pun">,</span><span class="pln"> </span><span class="lit">50%</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> hsl</span><span class="pun">(</span><span class="lit">180</span><span class="pun">,</span><span class="pln"> </span><span class="lit">50%</span><span class="pun">,</span><span class="pln"> </span><span class="lit">50%</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span></pre>

<p>
	<strong>İpucu:</strong> Chrome ve Firefox geliştirme araçlarındaki denetçide <strong>SHİFT</strong> tuşunu basılı tutup renk örneğini tıklamak, renk değerini hex, RGB ve HSL arasında değiştirir!
</p>

<p>
	<em>hsl()</em> ve <em>hsla ()</em>, kısa bir süre sonra göreceğimiz gibi, özel özelliklerle manipülasyona kendilerini iyi borç verir.
</p>

<p>
	 
</p>

<p>
	<span style="font-size:18px;"><strong>currentColor #</strong></span>
</p>

<p>
	<em>currentColor</em> anahtar sözcüğü, bir süredir var olan bir öğeye renk ayarlamanın başka bir yolu olarak bahsetmeye değer. Bir öğenin geçerli metin rengini değişken olarak kullanmamıza etkili bir şekilde izin verir. Özel özelliklerle karşılaştırıldığında oldukça sınırlıdır, ancak genellikle üst öğelerinin metin rengiyle eşleşmelerini sağlamak için SVG simgelerinin dolgu rengini ayarlamak için kullanılır. <a href="https://css-tricks.com/cascading-svg-fill-color/" rel="external nofollow">Buradan okuyun</a>.
</p>

<p>
	Modern Color Syntax #
</p>

<p>
	<a href="https://www.w3.org/TR/css-color-4" rel="external nofollow">CSS Renk Modülü Seviye 4</a>, <a href="https://caniuse.com/" rel="external nofollow">tarayıcılarda yaygın olarak desteklenen</a> renk işlevlerimiz için bize daha uygun bir sözdizimi sağlar. Artık virgülle ayrılacak değerlere ihtiyacımız yok ve <em>rgb ()</em> ve <em>hsl()</em> işlevleri, eğik çizgi ile ayrılmış isteğe bağlı bir alfa parametresi alabilir:
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_25" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="com">/* optional alpha value gives us 50% opacity */</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> hsl</span><span class="pun">(</span><span class="lit">0</span><span class="pln"> </span><span class="lit">100%</span><span class="pln"> </span><span class="lit">50%</span><span class="pln"> </span><span class="pun">/</span><span class="pln"> </span><span class="lit">0.5</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="com">/* With no alpha value the background is fully opaque*/</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> hsl</span><span class="pun">(</span><span class="lit">0</span><span class="pln"> </span><span class="lit">100%</span><span class="pln"> </span><span class="lit">50%</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span></pre>

<p>
	 
</p>

<p>
	<span style="font-size:20px;"><strong>Yeni CSS Renk İşlevleri #</strong></span>
</p>

<p>
	<strong>HWB #</strong>
</p>

<p>
	HWB renk tonu, beyazlık ve siyahlık anlamına gelir. HSL gibi, renk tonu da 0 ila 360 aralığında herhangi bir yerde olabilir. Diğer iki argüman, bu renk tonuna ne kadar beyaz veya siyahın karıştırıldığını %100'e kadar kontrol eder (bu, tamamen beyaz veya tamamen siyah bir renkle sonuçlanır). Eşit miktarda beyaz ve siyah karıştırılırsa, renk giderek grileşir. Bunu boyayı karıştırmaya benzer olarak düşünebiliriz. Tek renkli renk paletleri oluşturmak için özellikle yararlı olabilir.
</p>

<p>
	<a class="ipsAttachLink ipsAttachLink_image" href="https://belgeport.net/uploads/monthly_2025_05/2-modern-css-color.png.557f3085e04caf3056b2b5ee723c9bea.png" data-fileid="180" data-fileext="png" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="180" data-ratio="21.50" data-unique="mjdoirefg" width="1000" alt="2-modern-css-color.png" data-src="https://belgeport.net/uploads/monthly_2025_05/2-modern-css-color.thumb.png.c800970ca65ef62179803d8842cc6617.png" src="https://belgeport.net/applications/core/interface/js/spacer.png"></a>
</p>

<p>
	<a href="https://codepen.io/smashingmag/pen/xxLmOgV" rel="external nofollow">Bu demo</a> ile deneyin (yalnızca Safari'de çalışır):<br>
	 
</p>

<p>
	<strong>LAB #</strong>
</p>

<p>
	LAB ve LCH, spesifikasyonda cihazdan bağımsız renkler olarak tanımlanmıştır. LAB, Photoshop gibi yazılımlarda erişilebilen bir renk alanıdır ve bir rengin ekranda bir tişörtün üzerine basılanla aynı görünmesini istiyorsanız önerilir. Üç eksen kullanır: açıklık, ardından a ekseni (yeşilden kırmızıya) ve b ekseni (maviden sarıya).
</p>

<p>
	Açıklık, hsl'ye çok benzeyen bir yüzde olarak ifade edilir, ancak <em>lab()</em> renk işleviyle kullanıldığında aslında %100'ü aşabilir. Ekstra parlak beyazlar %400'e varan bir yüzdeyi kullanabilir. A ve b eksenleri için değerler pozitiften negatife değişebilir. İki negatif değer, spektrumun yeşil/mavi ucuna doğru bir renkle sonuçlanırken, iki pozitif değer daha turuncu / kırmızı bir renk tonu verebilir.
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_28" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> lab</span><span class="pun">(</span><span class="lit">80%</span><span class="pln"> </span><span class="lit">100</span><span class="pln"> </span><span class="lit">50</span><span class="pun">);</span><span class="pln"> </span><span class="pun">//</span><span class="pln"> reddish pink
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> lab</span><span class="pun">(</span><span class="lit">80%</span><span class="pln"> </span><span class="pun">-</span><span class="lit">80</span><span class="pln"> </span><span class="pun">-</span><span class="lit">100</span><span class="pun">);</span><span class="pln"> </span><span class="pun">//</span><span class="pln"> blue</span><span class="pun">/</span><span class="pln">turquoise
</span><span class="pun">}</span></pre>

<p>
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="181" data-ratio="37.28" data-unique="jcfjhpyva" width="955" alt="3-modern-css-color.png" data-src="https://belgeport.net/uploads/monthly_2025_05/3-modern-css-color.png.58f12804ff03d8ba67f8437149ba681a.png" src="https://belgeport.net/applications/core/interface/js/spacer.png">
</p>

<p>
	<strong>LCH #</strong>
</p>

<p>
	LCH, hafiflik, renk ve renk tonu anlamına gelir. Laboratuarda olduğu gibi, hafiflik %100'ü aşan bir yüzde olabilir. Hsl'ye benzer şekilde, renk tonu 0 ile 360 arasında bir aralık olabilir. Kroma, renk miktarını temsil eder ve bunu hsl'deki doygunluğa benzer olarak düşünebiliriz. Ancak kroma 100'ü geçebilir-aslında teorik olarak sınırsızdır. Örnek kullanım:
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_30" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> lch</span><span class="pun">(</span><span class="lit">80%</span><span class="pln"> </span><span class="lit">100</span><span class="pln"> </span><span class="lit">50</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> lch</span><span class="pun">(</span><span class="lit">80%</span><span class="pln"> </span><span class="lit">240</span><span class="pln"> </span><span class="lit">50</span><span class="pun">);</span><span class="pln"> </span><span class="pun">//</span><span class="pln"> this color would be outside of the displayable range of today</span><span class="pun">’</span><span class="pln">s browsers
</span><span class="pun">}</span></pre>

<p>
	Bununla birlikte, günümüzde tarayıcıların ve monitörlerin kaç renk görüntüleyebileceği konusunda bir sınır vardır (kısaca bununla ilgili daha fazlası), bu nedenle 230'un üzerindeki değerlerin bir fark yaratması olası değildir — Renk, menzile girene kadar azalır.
</p>

<p>
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="182" data-ratio="27.78" data-unique="4zk7aylxo" width="990" alt="4-modern-css-color.png" data-src="https://belgeport.net/uploads/monthly_2025_05/4-modern-css-color.png.f34434ea87dad3a728c8f4c5dcab801f.png" src="https://belgeport.net/applications/core/interface/js/spacer.png">
</p>

<p>
	HSL varken neden laboratuvara ve lch'ye ihtiyacımız var? Bunun bir nedeni, LAB veya LCH kullanmanın bize çok daha geniş bir renk yelpazesine erişim sağlamasıdır. LCH ve LAB, insan görüşünün tüm spektrumuna erişmemizi sağlamak için tasarlanmıştır. Ayrıca, HSL ve rgb'nin birkaç dezavantajı vardır: algısal olarak tekdüze değildirler ve hsl'de hafifliği artırmak veya azaltmak, renk tonuna bağlı olarak oldukça farklı bir etkiye sahiptir.
</p>

<p>
	<a href="https://codepen.io/smashingmag/pen/yLoGJXd" rel="external nofollow">Bu demo</a>'da, gri tonlama geçişine basarak LCH ve HSL arasında keskin bir kontrast görebiliriz. HSL renk tonu ve doygunluk şeritleri için, HSL işlevinin “hafiflik” bileşeni aynı olmasına rağmen, her karenin algısal hafifliğinde açık farklılıklar vardır! Bu arada, LCH tarafındaki kroma ve ton şeritleri neredeyse tekdüze bir algısal hafifliğe sahiptir.
</p>

<p>
	<a class="ipsAttachLink ipsAttachLink_image" href="https://belgeport.net/uploads/monthly_2025_05/5-modern-css-color.png.de592ec3cfd6d8102b0d72679cc014f8.png" data-fileid="183" data-fileext="png" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="183" data-ratio="65.90" data-unique="qgq7tkqfi" width="1000" alt="5-modern-css-color.png" data-src="https://belgeport.net/uploads/monthly_2025_05/5-modern-css-color.thumb.png.0d5c542a8a5e49354ee1a932b242bbe4.png" src="https://belgeport.net/applications/core/interface/js/spacer.png"></a>
</p>

<p>
	Degradeler için LCH rengini kullanırken de büyük bir fark görebiliriz. Bu degradelerin her ikisi de aynı renkle başlar ve biter (bu dönüştürücü kullanılarak HSL eşdeğerlerine dönüştürülen LCH değerleri ile). Ancak LCH gradyanı ortadaki canlı mavi ve mor tonlarından geçerken, HSL gradyanı karşılaştırıldığında daha çamurlu ve bulanık görünüyor.
</p>

<p>
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="184" data-ratio="38.59" data-unique="fynlj1y0d" width="990" alt="6-modern-css-color.png" data-src="https://belgeport.net/uploads/monthly_2025_05/6-modern-css-color.png.5a8b79f8c1e7555f6878ca84248ef424.png" src="https://belgeport.net/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	<span style="font-size:18px;"><a href="https://codepen.io/smashingmag/pen/VwzqjzW" rel="external nofollow">Demoya bakın →</a></span>
</p>

<p>
	LAB ve LCH, belki sözdizimsel olarak biraz daha az sezgisel olsalar da, insan gözüne daha mantıklı gelecek şekilde davranırlar. Makalesinde, CSS'DE LCH rengi: ne, neden ve nasıl?, Lea Verou, LCH renginin avantajlarını ayrıntılı olarak açıklıyor. Ayrıca bu LCH renk seçiciyi de yaptı.
</p>

<p>
	Diğer renk işlevlerinde olduğu gibi, <em>hwb ()</em>, <em>lab()</em> ve <em>lch ()</em> isteğe bağlı bir alfa parametresi de alabilir.
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_35" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> lch</span><span class="pun">(</span><span class="lit">80%</span><span class="pln"> </span><span class="lit">240</span><span class="pln"> </span><span class="lit">50</span><span class="pln"> </span><span class="pun">/</span><span class="pln"> </span><span class="lit">0.5</span><span class="pun">);</span><span class="pln"> </span><span class="pun">//</span><span class="pln"> Resulting color has </span><span class="lit">50%</span><span class="pln"> opacity
</span><span class="pun">}</span></pre>

<p>
	Örnek çalışma
</p>

<p>
	HTML:
</p>

<pre class="ipsCode prettyprint lang-html prettyprinted" id="ips_uid_134_37" style=""><span class="tag">&lt;div</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"lch"</span><span class="tag">&gt;</span><span class="pln">LCH</span><span class="tag">&lt;/div&gt;</span><span class="pln">
</span><span class="tag">&lt;div</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"hsl"</span><span class="tag">&gt;</span><span class="pln">HSL</span><span class="tag">&lt;/div&gt;</span><span class="pln">
</span><span class="tag">&lt;div</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"rgb"</span><span class="tag">&gt;</span><span class="pln">RGB (P3 color)</span><span class="tag">&lt;/div&gt;</span></pre>

<p>
	CSS: 
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_39" style=""><span class="pun">*</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
	</span><span class="kwd">box-sizing</span><span class="pun">:</span><span class="pln"> border-box</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

body </span><span class="pun">{</span><span class="pln">
	</span><span class="kwd">font-family</span><span class="pun">:</span><span class="pln"> </span><span class="str">'Helvetica'</span><span class="pun">,</span><span class="pln"> sans-serif</span><span class="pun">;</span><span class="pln">
	</span><span class="kwd">font-size</span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.6rem</span><span class="pun">;</span><span class="pln">
	</span><span class="kwd">color</span><span class="pun">:</span><span class="pln"> </span><span class="lit">#ffffff</span><span class="pun">;</span><span class="pln">
	</span><span class="kwd">min-height</span><span class="pun">:</span><span class="pln"> </span><span class="lit">100vh</span><span class="pun">;</span><span class="pln">
	</span><span class="kwd">margin</span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

body </span><span class="pun">&gt;</span><span class="pln"> div </span><span class="pun">{</span><span class="pln">
	</span><span class="kwd">width</span><span class="pun">:</span><span class="pln"> </span><span class="lit">100%</span><span class="pun">;</span><span class="pln">
	</span><span class="kwd">min-height</span><span class="pun">:</span><span class="pln"> </span><span class="lit">50vh</span><span class="pun">;</span><span class="pln">
	</span><span class="kwd">display</span><span class="pun">:</span><span class="pln"> flex</span><span class="pun">;</span><span class="pln">
	</span><span class="kwd">justify-content</span><span class="pun">:</span><span class="pln"> center</span><span class="pun">;</span><span class="pln">
	</span><span class="kwd">align-items</span><span class="pun">:</span><span class="pln"> center</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">.</span><span class="pln">lch </span><span class="pun">{</span><span class="pln">
	</span><span class="kwd">background</span><span class="pun">:</span><span class="pln"> linear-gradient</span><span class="pun">(</span><span class="pln">
		to right</span><span class="pun">,</span><span class="pln">
		lch</span><span class="pun">(</span><span class="lit">50%</span><span class="pln"> </span><span class="lit">100</span><span class="pln"> </span><span class="lit">200</span><span class="pun">),</span><span class="pln">
		lch</span><span class="pun">(</span><span class="lit">50%</span><span class="pln"> </span><span class="lit">100</span><span class="pln"> </span><span class="lit">0</span><span class="pun">)</span><span class="pln">
	</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">.</span><span class="pln">hsl </span><span class="pun">{</span><span class="pln">
	</span><span class="kwd">background</span><span class="pun">:</span><span class="pln"> linear-gradient</span><span class="pun">(</span><span class="pln">
		to right</span><span class="pun">,</span><span class="pln">
		hsl</span><span class="pun">(</span><span class="lit">188</span><span class="pln"> </span><span class="lit">100%</span><span class="pln"> </span><span class="lit">34%</span><span class="pun">),</span><span class="pln">
		hsl</span><span class="pun">(</span><span class="lit">331</span><span class="pln"> </span><span class="lit">100%</span><span class="pln"> </span><span class="lit">50%</span><span class="pun">)</span><span class="pln">
	</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">.</span><span class="kwd">rgb</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
	</span><span class="kwd">background</span><span class="pun">:</span><span class="pln"> linear-gradient</span><span class="pun">(</span><span class="pln">
		to right</span><span class="pun">,</span><span class="pln">
		color</span><span class="pun">(</span><span class="pln">display-p3 </span><span class="lit">0</span><span class="pln"> </span><span class="lit">0.5188</span><span class="pln"> </span><span class="lit">0.631</span><span class="pun">),</span><span class="pln">
		color</span><span class="pun">(</span><span class="pln">display-p3 </span><span class="lit">0.8596</span><span class="pln"> </span><span class="lit">0</span><span class="pln"> </span><span class="lit">0.4786</span><span class="pun">)</span><span class="pln">
	</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span></pre>

<p>
	<strong>Tarayıcı Desteği ve Renk Uzayları #</strong>
</p>

<p>
	<em>hwb ()</em>, <em>lab()</em> ve <em>lch ()</em> şu anda yalnızca Safari'de desteklenmektedir. Desteklemeyen tarayıcılar için bir geri dönüş sağlayarak bunları hemen kullanmaya başlamak mümkündür. Renk işlevini desteklemeyen tarayıcılar, ikinci kuralı göz ardı eder:
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_41" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> lch</span><span class="pun">(</span><span class="lit">55%</span><span class="pln"> </span><span class="lit">102</span><span class="pln"> </span><span class="lit">360</span><span class="pun">);</span><span class="pln">

  </span><span class="com">/* LCH color converted to RGB using Lea Verou’s tool: https://css.land/lch/ */</span><span class="pln">
  </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">rgb</span><span class="pun">(</span><span class="lit">98.38%</span><span class="pln"> </span><span class="lit">0%</span><span class="pln"> </span><span class="lit">53.33%</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span></pre>

<p>
	Diğer stiller desteklenmekte olan yeni renk işlevlerine bağlıysa, bir özellik sorgusu kullanabiliriz:
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_43" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">display</span><span class="pun">:</span><span class="pln"> none</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="com">/* Only display this element if the browser supports lch() */</span><span class="pln">
</span><span class="pun">@</span><span class="pln">supports </span><span class="pun">(</span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> lch</span><span class="pun">(</span><span class="lit">55%</span><span class="pln"> </span><span class="lit">102</span><span class="pln"> </span><span class="lit">360</span><span class="pun">))</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
  </span><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
    </span><span class="kwd">display</span><span class="pun">:</span><span class="pln"> block</span><span class="pun">;</span><span class="pln">
    </span><span class="kwd">background-color</span><span class="pun">:</span><span class="pln"> lch</span><span class="pun">(</span><span class="lit">55%</span><span class="pln"> </span><span class="lit">102</span><span class="pln"> </span><span class="lit">360</span><span class="pun">);</span><span class="pln">
  </span><span class="pun">}</span><span class="pln">
</span><span class="pun">}</span></pre>

<p>
	Lea'nın makalesinde açıkladığı gibi, modern ekranların renkleri rgb'nin ötesinde görüntüleyebilmesine rağmen, çoğu tarayıcının şu anda yalnızca sRGB renk uzayındaki renkleri desteklediğini belirtmekte fayda var. LAB color demosunda, kaydırıcıları belirli bir noktanın ötesine taşımanın, <em>lab() </em>ve <em>lch ()</em> ' nin desteklendiği Safari'de bile rengi gerçekten etkilemediğini fark edebilirsiniz. sRGB aralığının dışındaki değerlerin kullanılması, yalnızca donanım ve tarayıcılar yeterince ilerlediğinde etkili olacaktır.
</p>

<p>
	Safari artık P3 alanında renkleri görüntülememizi sağlayan color() işlevini destekliyor, ancak bunlar şimdilik RGB renkleriyle sınırlı ve henüz bize LAB ve lch'nin tüm avantajlarını sunmuyor.
</p>

<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_134_45" style=""><span class="pun">.</span><span class="pln">my-element </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">background</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">rgb</span><span class="pun">(</span><span class="lit">98.38%</span><span class="pln"> </span><span class="lit">0%</span><span class="pln"> </span><span class="lit">53.33%</span><span class="pun">);</span><span class="pln"> </span><span class="pun">//</span><span class="pln"> bright pink
  </span><span class="kwd">background</span><span class="pun">:</span><span class="pln"> color</span><span class="pun">(</span><span class="pln">display-p3 </span><span class="lit">0.947</span><span class="pln"> </span><span class="lit">0</span><span class="pln"> </span><span class="lit">0.5295</span><span class="pun">);</span><span class="pln"> </span><span class="pun">//</span><span class="pln"> equivalent in P3 color space
</span><span class="pun">}</span></pre>

<p>
	 
</p>

]]></description><guid isPermaLink="false">2</guid><pubDate>Fri, 09 May 2025 15:52:33 +0000</pubDate></item><item><title>Nikos Kazancakis</title><link>https://belgeport.net/blogs/entry/nikos-kazancakis-1/</link><description><![CDATA[<p>
	Nikos Kazancakis (Nikos Kazantzakis), 18 Şubat 1883 tarihinde Girit adasında doğan, Yunan yazar, şair ve filozofudur.
</p>

<p>
	Eserleri geniş bir yelpazede yer almaktadır, ancak en çok bilinen eserleri arasında «Zorba» (Zorba the Greek) ve The Last Temptation of Christ (Günaha Son Çağrı) bulunmaktadır.
</p>

<p>
	Kazancakis, kariyerine hukuk öğrenimi alarak başlamış, ardından Almanya ve Fransa’da felsefe okumuştur.
</p>

<p>
	Yunan kültürü ve tarihine büyük bir ilgi duyan yazar, eserlerinde genellikle insanın varoluşsal sorunları, özgürlük, ahlaki çatışmalar ve dini temaları işlemiştir.
</p>

<p>
	 
</p>

<p>
	<strong>Doğum tarihi ve yeri:</strong>  18 Şubat 1883, Kandiye, Girit, Osmanlı İmparatorluğu
</p>

<p>
	<strong>Ölüm tarihi ve yeri:</strong>  26 Ekim 1957 (74 yaşında), Freiburg im Breisgau, Baden-Württemberg, Almanya
</p>

<p>
	<strong>Evliliği:</strong>  Galateia Kazantzakē
</p>

<p>
	 
</p>

<p>
	NİKOS KAZANCAKİS, 1883’te Girit’in Heraklion kentinde doğdu. Atina Hukuk Fakültesi’ni bitirdikten sonra hukuk doktorasını veren Kazancakis, felsefi açıdan ünlü düşünür Henri Bergson’dan etkilendi. Lenin Barış Ödülü’ne değer görüldü; 1957’de Nobel Edebiyat Ödülü’nü bir oy farkla kaybetti. Goethe ve Dante’nin yapıtlarını Yunancaya çevirdi; Homeros’un Odysseia destanına 33.333 dizelik bir devam yapıtı yazdı. Türkçeye çevrilen yapıtları arasında Kaptan Mihalis, El Greco’ya Mektuplar, Kardeş Kavgası, Günaha Son Çağrı, Yeniden Çarmıha Gerilen İsa, Zorba ve İspanya, Yaşasın Ölüm sayılabilir. Kazancakis, altmışlarındayken İkinci Dünya Savaşı yıllarında kaleme aldığı Zorba romanıyla uluslararası üne kavuştu. 1957’de öldüğünde, doğduğu kent Heraklion’daki kale burçlarından birinin altına gömüldü. Mezar taşında, “Hiçbir şey ummuyorum, hiçbir şeyden korkmuyorum, özgürüm,” yazıyor.
</p>
]]></description><guid isPermaLink="false">1</guid><pubDate>Thu, 08 May 2025 15:59:21 +0000</pubDate></item></channel></rss>
