Görsel renk seçici ile dijital ve matbaa renk kodları arasında anlık çift yönlü dönüşüm yapın. WCAG 2.1 AA/AAA erişilebilirlik kontrast testini uygulayın ve tamamlayıcı armonik renk kombinasyonları üretin.
#7C3AED
Trend Renkler
WCAG 2.1 Erişilebilirlik & Kontrast Oranı
Beyaz (#FFFFFF) Üzerinde
5.26:1
AA: GeçtiAAA: Kaldı
Siyah (#000000) Üzerinde
3.99:1
AA: GeçtiAAA: Kaldı
Armonik Renk Paletleri
Tamamlayıcı (180° Zıt Karşıt Renk)
Üçlü Renk Armonisi (Triadic - 120°)
Benzer Renkler (Analogous - ±30°)
Monokromatik Tonlar
Kullanım Rehberi
Renk Çevirici Nasıl Kullanılır?
01
Rengi Belirleyin
Görsel renk seçiciye tıklayarak istediğiniz tonu seçin veya HEX, RGB ya da HSL kutularından birine kodunuzu yapıştırın.
02
Anında Dönüştürün
Tüm formatlar eş zamanlı hesaplanır; web için HEX ve HSL, matbaa ve baskı işleriniz için CMYK karşılığı anında gösterilir.
03
Kontrastı Test Edin
Sağ paneldeki WCAG 2.1 kartından rengin beyaz ve siyah zeminlerdeki okunabilirlik (AA/AAA) oranını kontrol edin.
04
Paletleri Keşfedin
Tamamlayıcı, üçlü ve benzer renk önerilerini inceleyin; beğendiğiniz tonları tıklayarak projenizin ana rengi yapın.
SSS
Sıkça Sorulan Sorular
HEX (#RRGGBB) ve RGB ekranda ışık pikselleriyle üretilen renkleri temsil eder (toplamsal renk modeli). CMYK ise matbaa baskısında kullanılan mürekkep karışımlarıdır (çıkarımsal renk modeli). Web sitenizde kullandığınız bir rengi kartvizit bastırırken matbaaya CMYK olarak iletmelisiniz.
Dünya çapında web standartlarını belirleyen W3C, az gören veya renk körlüğü yaşayan kişilerin web sitelerini rahatça okuyabilmesi için metin ve zemin arasında minimum 4.5:1 kontrast oranı (AA Seviyesi) şart koşmaktadır. Yüksek kontrast kullanıcı deneyimini ve dönüşüm oranlarını doğrudan artırır.
HSL (Hue, Saturation, Lightness); rengin tonunu değiştirmeden sadece ışık (% Lightness) değerini artırarak hover veya active durumları için buton renginin açık veya koyu tonlarını tek satırda türetmenize olanak tanır.
Tamamlayıcı (karşıt) renkler CTA (eylem çağrısı) butonlarında dikkat çekmek için harikadır. Benzer (analogous) renkler kart arkaplanları ve ikonlar gibi sakin geçişlerde, monokromatik tonlar ise minimalist kurumsal sayfa hiyerarşilerinde kullanılır.
UI/UX & Kurumsal Marka Kimliği
Markanıza Özel Renk Mimarisi & Kusursuz Arayüz Tasarımı
Rastgele renk seçimleri yerine, kullanıcı psikolojisine ve kurumsal kimliğinize uygun tescilli renk rehberleri ve tasarım sistemleri (Design System) geliştiriyoruz.