HTML Renk Kodu Hesaplama

RGB, HEX ve HSL dönüşümlerini tek araçta yapın ve seçtiğiniz rengin önizlemesini görüntüleyin.

HTML Renk Kodu Hesaplama

RGB Değerleri (0-255)

HEX Kodu

Paylaş

Doğrudan bağlantı

https://hesaplala.com/html-renk-kodu-hesaplama

Embed

<iframe src="https://hesaplala.com/html-renk-kodu-hesaplama?embed=1" width="100%" height="860" style="border:0;border-radius:24px;overflow:hidden;" loading="lazy" title="HTML Renk Kodu Hesaplama"></iframe>
<p style="margin:8px 0 0;font:13px/1.5 system-ui,-apple-system,sans-serif;color:#64748b;">
  <a href="https://hesaplala.com/html-renk-kodu-hesaplama" target="_blank" rel="nofollow noopener">HTML Renk Kodu Hesaplama</a> — Hesaplala
</p>

Başlangıç yüksekliği önerisi: 860px. Kullanım şartımız tek: altındaki atıf satırını kaldırmayın.

HTML renk kodları nasıl çalışır?

HTML'de renkler RGB veya HEX formatlarıyla tanımlanır. RGB, kırmızı, yeşil ve mavi kanalların 0-255 arası değerlerini içerirken HEX, her kanal için 00-FF arası hexadecimal değer kullanır.

Hex kodları (#RRGGBB) CSS ve HTML stillerinde yaygın olarak kullanılır. Örnek olarak kırmızı #FF0000, yeşil #00FF00, mavi #0000FF şeklinde yazılır.

RGB'den HEX'e dönüştürme

RGB değerlerini HEX'e çevirmek için her bir kanalın ondalık değerini hexadecimal'e dönüştürün ve iki haneli olarak birleştirin. Bu araç hem RGB hem de HEX girişleriyle çalışır.

HEX kodundan RGB ve HSL'e geçişte matematiksel dönüştürme yapılır. HSL tonu (hue), doygunluğu (saturation) ve ışıklılığı (lightness) ifade eder ve tasarıma daha fazla kontrol ekler.

Renk seçerken nelere dikkat etmeliyim?

Renk kontrastı, erişilebilirlik ve markalaşma açısından önemlidir. Renk paletinizi belirlerken HEX ve RGB değerlerini bilmek, CSS yazarken tutarlılık sağlar.

İlgili Rehberler

Metodoloji ve kaynaklar

Son güncelleme

31 Mart 2026

Hesaplama temeli

Hem RGB hem de HEX girişlerine göre bileşenler parse edilip, HSL dönüştürme formülü uygulanır.

Renk dönüşümleri tarayıcıda hesaplama seviyesindedir.

Hazırlayan Furkan Beydemir · Kurucu ve Yazılım Geliştirici

Sıkça Sorulan Sorular

HEX renk kodu nedir?

HEX renk kodu, RGB kanallarının hexadecimal karşılıklarının yan yana yazılmasıyla oluşan #RRGGBB formatlı koddur.

RGB kodunu nasıl HEX'e çeviririm?

Her kanalın 0-255 arası değerini hexadecimal'e dönüştürerek iki haneli yapın ve sırayla R, G, B değerlerini birleştirin.

HSL neyi ifade eder?

HSL hue (ton), saturation (doygunluk) ve lightness (ışıklık) bileşenlerini kullanarak renkleri insan gözüyle daha kontrollü ifade eder.

HEX kodunu CSS içinde nasıl kullanırım?

Örneğin `background-color: #3498DB;` şeklinde HEX kodu kullanarak HTML/CSS elementlerine renk verebilirsiniz.

Bu araçta renk önizleme nasıl çalışıyor?

Hesaplama sonucunda elde edilen HEX kodu kullanılara görsel kutucukta gerçek renk gösterilir.