Nasıl kullanılır?
- 1Renk seçiciyi kullanın ya da bir renk kodu yazın (#c6f04f, rgb(…), hsl(…) veya "red" gibi).
- 2Tüm formatlardaki karşılıklarını görün ve istediğinizi kopyalayın.
- 3Açıktan koyuya 10 tonluk paletten renk seçin.
- 4Tamamlayıcı, analog ve triadik renk önerilerini inceleyin.
Renk formatları arasındaki fark
HEX (#c6f04f) ve RGB ekranda renk tanımlamanın en yaygın yollarıdır ve web, CSS ve tasarım araçlarında kullanılır. HSL ve HSV/HSB rengi ton, doygunluk ve açıklık olarak tanımlar; bir rengin daha açık veya koyu versiyonunu üretmek bu formatlarda çok daha kolaydır. CMYK baskı için kullanılan mürekkep modelidir. OKLCH ise insan gözünün algısına uygun, yeni nesil bir CSS renk formatıdır; aynı açıklık değerindeki renkler gerçekten aynı parlaklıkta görünür.
Ekran ve baskı renkleri neden farklı?
Ekranlar ışıkla (RGB), matbaa ise mürekkeple (CMYK) renk üretir ve CMYK’nın renk aralığı daha dardır. Araçtaki CMYK değeri matematiksel bir dönüşümdür ve renk profili içermez; kurumsal kimlik veya ambalaj gibi kritik baskı işlerinde matbaanızın kullandığı profil ve prova baskısı esas alınmalıdır.
Palet ve renk uyumu
Tonlar paleti seçtiğiniz rengin açıktan koyuya 10 tonunu üretir; buton, arka plan ve kenarlık renklerinden oluşan tutarlı bir arayüz paleti kurmak için idealdir. Tamamlayıcı renk renk çemberinde tam karşıdaki renktir ve güçlü kontrast sağlar. Analog renkler yan yana olan uyumlu renklerdir, triadik renkler ise çemberde eşit aralıklı üç renkten oluşan dengeli bir kombinasyondur.
Sık sorulan sorular
HEX kodunu RGB’ye nasıl çeviririm?
HEX kodunu giriş alanına yazmanız yeterli; RGB ve diğer tüm formatlar anında görünür. Elle hesaplamak için her iki haneli onaltılık değeri ondalığa çevirirsiniz: #c6 = 198.
Renk isimleri destekleniyor mu?
Evet. CSS’te tanımlı "red", "navy", "tomato" gibi İngilizce renk isimlerini yazabilirsiniz.
OKLCH nedir, kullanmalı mıyım?
OKLCH, algısal olarak tutarlı bir renk formatıdır ve güncel tarayıcılarda desteklenir. Tasarım sistemlerinde tutarlı tonlar üretmek için giderek yaygınlaşıyor; eski tarayıcı desteği gerekiyorsa HEX veya RGB yedeği kullanın.
Rengin erişilebilir olup olmadığını nasıl kontrol ederim?
Metin ve arka plan rengini renk kontrast kontrol aracımıza girerek WCAG uyumluluğunu test edebilirsiniz.
Sonuçlar iç açıcı değil mi?
Hızlı, SEO uyumlu web siteleri, e-ticaret ve Google Ads yönetimi için Webin Agency ekibiyle görüşün.