Panoya kopyalandı ✓
Ana Sayfa →
Ücretsiz · Anlık · HEX · RGB · HSL · CMYK

Renk Kodlarını
Anında Dönüştürün

Renk seçin veya kod yazın — HEX, RGB, HSL ve CMYK değerlerini saniyeler içinde öğrenin, tek tıkla kopyalayın.

—
#00C8F0
Hızlı Palet
Açık → Koyu Tonlar
#00C8F0
Renk Adı (yaklaşık)
Cyan / Aqua tonu

⚖ Metin Karşıtlık Testi

Beyaz metin
Siyah metin
Beyaz
Siyah
HEX
#00C8F0
RGB
rgb(0, 200, 240)
HSL
hsl(191, 100%, 47%)
CMYK
cmyk(100%, 17%, 0%, 6%)

Tasarımınız için Profesyonel Dijital Çözümler

Trendsis Yazılım, kurumsal web sitesi tasarımı, e-ticaret platformu, özel yazılım geliştirme ve ERP/CRM çözümleri sunmaktadır. Bursa merkezli, Türkiye genelinde hizmet veren ekibimizle işletmenizin dijital dönüşümünü uçtan uca yönetiyoruz.

Alan adı kaydı, DNS yönetimi, SSL sertifikası, web hosting ve tüm teknik altyapı ihtiyaçlarınız için tek adres.

İletişime Geçin → Hizmetleri İncele

Renk Kodları Hakkında Bilmeniz Gereken Her Şey

Web tasarımı ve grafik tasarımda renkler farklı formatlarda ifade edilir. HEX, RGB, HSL ve CMYK arasındaki farkları öğrenin.

🔢 HEX Renk Kodu Nedir?

HEX kodu, #RRGGBB formatında 6 karakterli onaltılık sayı sistemiyle rengi ifade eder. Web tasarımında en yaygın kullanılan formattır. #000000 siyah, #ffffff beyaz anlamına gelir. CSS ve HTML'de doğrudan kullanılır.

🎛 RGB Renk Kodu Nedir?

RGB (Red, Green, Blue), kırmızı, yeşil ve mavi ışık bileşenlerini 0-255 arasında değerlerle ifade eder. Ekran tabanlı tasarımın temel modelidir. rgb(255, 0, 0) saf kırmızıdır. CSS'de ve programlama dillerinde yaygın kullanılır.

🌈 HSL Renk Kodu Nedir?

HSL (Hue, Saturation, Lightness) rengi ton, doygunluk ve açıklık olarak ifade eder. İnsan gözünün rengi algılama biçimine daha yakındır. Renk paleti oluştururken ve erişilebilirlik testlerinde tercih edilir.

🖨 CMYK Renk Kodu Nedir?

CMYK (Cyan, Magenta, Yellow, Key/Black), baskı sektörünün standart renk modelidir. Ekran renkleri ile baskı renkleri arasında farklılık olabilir; bu nedenle matbaa işlerinde mutlaka CMYK değerleri kullanılmalıdır.

⚖ Metin Karşıtlığı Neden Önemli?

WCAG erişilebilirlik standartlarına göre normal metin için 4.5:1, büyük metin için 3:1 karşıtlık oranı gerekir. Yetersiz karşıtlık okuma güçlüğüne yol açar ve görme engelliler için ciddi sorun oluşturur.

🎨 Web Tasarımda Renk Uyumu

Tamamlayıcı (complementary), analog ve triadik renk şemaları markaya tutarlı görünüm kazandırır. Marka renginizin HEX kodunu belirleyip tüm platformlarda aynı kodu kullandığınızdan emin olun.

Sık Sorulan Sorular

HEX ve RGB arasındaki fark nedir? +
HEX, RGB değerlerinin onaltılık sayı sisteminde gösterimidir. #FF0000 ile rgb(255,0,0) aynı rengi ifade eder. HEX HTML/CSS'de daha kısadır, RGB ise değerleri ayrı ayrı işlerken daha esnektir.
Renk kodunu nasıl kopyalarım? +
Her renk kodu kartının sağ üstündeki "Kopyala" butonuna tıklayın. Kod otomatik olarak panonuza eklenir ve CSS, HTML veya tasarım araçlarınıza yapıştırabilirsiniz.
HSL renk modelini ne zaman kullanmalıyım? +
HSL, renk tonunu koruyarak açıklık ve doygunluğu değiştirmeniz gerektiğinde idealdir. Özellikle hover efektleri, gölge tonları ve erişilebilirlik testlerinde HSL daha sezgisel çalışır.
Baskı için hangi renk modelini kullanmalıyım? +
Matbaa ve baskı işleri için mutlaka CMYK modelini kullanın. Ekranda gördüğünüz RGB renkler, baskıda farklı çıkabilir. Tasarım dosyanızı CMYK moduna çevirdikten sonra baskı alın.
Rastgele renk üretme ne işe yarar? +
Tasarım ilhamı bulmak, renk paletleri keşfetmek veya prototip aşamasında hızlı renk denemeleri yapmak için kullanışlıdır. Her tıklamada yeni ve benzersiz bir renk üretilir.