Online Renk Stüdyosu (Color Studio)

Dönüştürün, paletler oluşturun, kontrastı kontrol edin. Tümü tek yerde.

Rengi Değiştir
#

CSS Kodu Kopyala

Erişilebilirlik & Kontrast (Accessibility)

Beyaz Metin

Örnek Başlık

Bu metin arka plan üzerinde nasıl okunuyor?

4.5:1
AA ✔ AAA ✘
Siyah Metin

Örnek Başlık

Bu metin arka plan üzerinde nasıl okunuyor?

4.5:1
AA ✔ AAA ✘

Renk Harmonileri

Tamamlayıcı (Complementary)

Üçlü (Triadic)

Benzer (Analogous)

Tonlar ve Gölgeler

Açık Tonlar (Tints) Beyaza Doğru
Koyu Tonlar (Shades) Siyaha Doğru

Renk Uzayı ve Dönüşümler

CMYK Nedir?

Cyan, Magenta, Yellow, Key (Black) kelimelerinin baş harflerinden oluşur. Ekranlar (RGB) ışıkla renk üretirken, yazıcılar (CMYK) mürekkeple renk üretir. Baskıya gidecek bir tasarım yapıyorsanız mutlaka CMYK değerlerini kontrol etmelisiniz.

RGB vs HEX

Teknik olarak ikisi de aynı şeyi ifade eder. HEX kodu, RGB değerlerinin onaltılık (hexadecimal) sistemde daha kısa yazılmış halidir. Tarayıcılar her ikisini de aynı hızda işler.

Erişilebilirlik (Contrast Ratio)

Web İçeriği Erişilebilirlik Yönergeleri (WCAG), metin ile arka plan arasında belirli bir kontrast oranı şart koşar.
AA Seviyesi: En az 4.5:1 oran (Normal metinler için).
AAA Seviyesi: En az 7:1 oran (Daha yüksek okunabilirlik).

Bu araç, seçtiğiniz rengin üzerine beyaz veya siyah metin geldiğinde hangisinin daha okunabilir olduğunu sizin için otomatik hesaplar.

Çerez Tercihleri

Sizlere daha iyi bir deneyim sunmak, site trafiğini analiz etmek ve yasal onaylarınızı (QR dosya yükleme vb.) hatırlamak için çerezleri ve LocalStorage teknolojisini kullanıyoruz.

Detaylı Bilgi