🎨 Renk Dönüştürücü

Bir rengi istediğiniz biçimde yapıştırın – #3B82F6, rgb(), hsl() ya da teal gibi İngilizce bir renk adı – ve diğer tüm biçimleri, erişilebilirlik kontrast puanlarını ve açık-koyu ton paletini görün.

Kısa cevap: #3B82F6; rgb(59, 130, 246), hsl(217, 91%, 60%) ve cmyk(76%, 47%, 0%, 4%) değerlerine karşılık gelir. Kontrast oranı beyaz üzerinde 3,68:1 (AA, yalnızca büyük metin), siyah üzerinde 5,71:1’dir (AA).

Henüz değerlendirilmedi · Güncellendi 17 Ekim 2026 · Ücretsiz · Üyelik gerekmez

Renk

#3B82F6

rgb(59, 130, 246)

Beyaz metin 3,68:1Siyah metin 5,71:1

HEX	#3B82F6
RGB	rgb(59, 130, 246)
HSL	hsl(217, 91%, 60%)
HSV / HSB	hsv(217, 76%, 96%)
CMYK	cmyk(76%, 47%, 0%, 4%)

Beyazla kontrast: 3,68:1 · AA, yalnızca büyük metin
Siyahla kontrast: 5,71:1 · AA
En uygun metin rengi: Siyah

Açık tonlar (beyazla karıştırılmış)

Açık ton	Renk	RGB	HSL
Ana renk	#3B82F6	rgb(59, 130, 246)	hsl(217, 91%, 60%)
%10	#4F8FF7	rgb(79, 143, 247)	hsl(217, 91%, 64%)
%20	#629BF8	rgb(98, 155, 248)	hsl(217, 91%, 68%)
%30	#76A8F9	rgb(118, 168, 249)	hsl(217, 92%, 72%)
%40	#89B4FA	rgb(137, 180, 250)	hsl(217, 92%, 76%)
%50	#9DC1FB	rgb(157, 193, 251)	hsl(217, 92%, 80%)
%60	#B1CDFB	rgb(177, 205, 251)	hsl(217, 90%, 84%)
%70	#C4DAFC	rgb(196, 218, 252)	hsl(216, 90%, 88%)
%80	#D8E6FD	rgb(216, 230, 253)	hsl(217, 90%, 92%)
%90	#EBF3FE	rgb(235, 243, 254)	hsl(215, 90%, 96%)

Koyu tonlar (siyahla karıştırılmış)

Koyu ton	Renk	RGB	HSL
Ana renk	#3B82F6	rgb(59, 130, 246)	hsl(217, 91%, 60%)
%10	#3575DD	rgb(53, 117, 221)	hsl(217, 71%, 54%)
%20	#2F68C5	rgb(47, 104, 197)	hsl(217, 61%, 48%)
%30	#295BAC	rgb(41, 91, 172)	hsl(217, 62%, 42%)
%40	#234E94	rgb(35, 78, 148)	hsl(217, 62%, 36%)
%50	#1E417B	rgb(30, 65, 123)	hsl(217, 61%, 30%)
%60	#183462	rgb(24, 52, 98)	hsl(217, 61%, 24%)
%70	#12274A	rgb(18, 39, 74)	hsl(218, 61%, 18%)
%80	#0C1A31	rgb(12, 26, 49)	hsl(217, 61%, 12%)
%90	#060D19	rgb(6, 13, 25)	hsl(218, 61%, 6%)

WCAG kontrast gereksinimleri

Düzey	Normal metin	Büyük metin (18 punto ve üzeri ya da 14 punto kalın)	Beyaz üzerinde	Siyah üzerinde
AA	4,5:1	3:1	Yalnızca büyük metin	Geçiyor
AAA	7:1	4,5:1	Geçmiyor	Yalnızca büyük metin

</> Bu hesaplama aracını sitenize ekleyin – ücretsiz, üyelik gerektirmez, reklam içermez

Bu kodu herhangi bir web sayfasına, blog yazısına veya içerik yönetim sistemine (WordPress, Wix, Squarespace, Webflow…) yapıştırın. Araç otomatik olarak güncel kalır, mobilde çalışır ve ziyaretçinizin para birimini kendisi seçer.

<iframe src="https://calcbright.com/embed/color-converter" title="Color Converter by CalcBright" width="100%" height="620" style="border:0;max-width:760px" loading="lazy"></iframe>
<p style="font:13px/1.4 sans-serif;margin:4px 0 0"><a href="https://calcbright.com/color-converter" rel="nofollow">Color Converter</a> by <a href="https://calcbright.com">CalcBright</a></p>
<script>addEventListener('message',function(e){if(e.origin==='https://calcbright.com'&&e.data&&e.data.cbHeight){document.querySelectorAll('iframe[src^="https://calcbright.com/embed/"]').forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.cbHeight+'px'})}})</script>

Önizleme

Renk dönüştürücü nasıl kullanılır?

Bir rengi yaygın biçimlerden biriyle yapıştırın: #3B82F6, #38F, rgb(59, 130, 246), hsl(217, 91%, 60%), hsv(217, 76%, 96%), cmyk(76%, 47%, 0%, 4%) ya da teal gibi İngilizce temel bir renk adı. Diğer tüm biçimleri, bir renk örneğini, kontrast puanlarını ve açık-koyu ton paletini alırsınız.

Dönüşüm formülleri

HEX → RGB: her onaltılık basamak çifti bir kanaldır, 00–FF = 0–255

CMYK: K = 1 − maks(R′, G′, B′) · C = (1 − R′ − K) ÷ (1 − K), M ve Y de aynı şekilde (R′ = R ÷ 255)

HSL: L = (maks + min) ÷ 2 · S = (maks − min) ÷ (1 − |2L − 1|) · H baskın kanaldan bulunur

Kontrast = (L1 + 0,05) ÷ (L2 + 0,05), WCAG göreli parlaklığıyla

Örnek

#3B82F6; 3B, 82 ve F6 olarak ayrılır = rgb(59, 130, 246). En büyük kanal mavidir (0,965), dolayısıyla K = %3,5 ve C = (1 − 0,231 − 0,035) ÷ 0,965 = %76 olur; sonuç cmyk(76%, 47%, 0%, 4%). HSL’de hsl(217, 91%, 60%) olarak yazılır. Göreli parlaklığı 0,236’dır; bu yüzden kontrast beyaza karşı 3,68:1, siyaha karşı 5,71:1’dir. Küçük yazılar için üzerinde siyah metin kullanın.

Yaygın renkler

Renk	HEX	RGB	HSL
Kırmızı	#FF0000	255, 0, 0	0°, %100, %50
Yeşil	#008000	0, 128, 0	120°, %100, %25
Mavi	#0000FF	0, 0, 255	240°, %100, %50
Turuncu	#FFA500	255, 165, 0	39°, %100, %50
Camgöbeği yeşili (teal)	#008080	0, 128, 128	180°, %100, %25
Gri	#808080	128, 128, 128	0°, %0, %50

İpuçları

Buradaki CMYK değerleri cihazdan bağımsız basit bir dönüşümdür; profesyonel baskı için matbaanızın ICC profiliyle dönüştürün.
Kontrastı yalnızca marka renginde değil, tasarımdaki her metin/arka plan çiftinde kontrol edin.

Sıkça sorulan sorular

HEX, RGB’ye nasıl dönüştürülür?

Altı onaltılık basamağı üç çifte ayırın ve her çifti 16 tabanından ondalığa çevirin. #3B82F6 → 3B = 59, 82 = 130, F6 = 246, yani rgb(59, 130, 246).

RGB ile CMYK arasındaki fark nedir?

RGB, ekranlar için kırmızı, yeşil ve mavi ışığı karıştırır; CMYK ise baskı için camgöbeği, eflatun (macenta), sarı ve siyah mürekkebi. Çok parlak veya doygun ekran renkleri baskıda birebir elde edilemeyebilir.

HSL ile HSV arasındaki fark nedir?

İkisi de tonu (hue) 0–360° arasında bir açı olarak, doygunlukla birlikte tanımlar. HSL’deki açıklık (lightness) siyahtan saf renge, oradan beyaza uzanır; HSV’deki değer (value, HSB’de parlaklık) ise siyahtan saf renge uzanır.

Erişilebilir metin için hangi kontrast oranı gerekir?

WCAG 2 AA düzeyi normal metin için 4,5:1, büyük metin (18 punto veya 14 punto kalın) için 3:1 ister. AAA düzeyi 7:1 ve 4,5:1 ister.

Açık ton (tint) ve koyu ton (shade) nedir?

Açık ton, beyazla karıştırılarak açılmış renktir; koyu ton ise siyahla karıştırılarak koyulaştırılmış renktir. Tek bir marka renginden tutarlı bir palet oluşturmanın hızlı yoludur.

Renk Dönüştürücü aracını değerlendirin

Yalnızca ortalama puan gösterilir. Hata bildirimleri doğrudan gelen kutumuza düşer; böylece kontrol edip düzeltebiliriz. Ayrıntılı bilgi: Metodoloji ve gizlilik politikası.