Nasıl kullanılır?
- 1Renk seçiciyle ya da HEX/RGB yazarak ana rengi girin; “Rastgele renk” ile ilham alabilirsiniz.
- 2Renk modelini seçin: OKLCH parlaklığı eşit tutar, HSL klasik renk çarkını kullanır.
- 3Tamamlayıcı, analog, üçlü, ayrık tamamlayıcı, dörtlü, kare ve monokrom paletleri inceleyin; bir renge tıklayarak onu yeni ana renk yapın.
- 4“Bu paleti dışa aktar” ile paleti CSS değişkenleri ya da HEX listesi olarak kopyalayın; kontrastı ayrıntılı incelemek için kontrast denetleyiciye geçin.
Renk uyumu türleri
Tamamlayıcı uyum renk çarkında karşılıklı iki rengi (180°) kullanır ve güçlü kontrast verir. Analog uyum yan yana duran tonları (±30°) birleştirir, sakin ve doğal görünür. Üçlü (triadik) uyum çarkı 120° aralıkla üçe böler; ayrık tamamlayıcı, karşı rengin iki komşusunu (150° ve 210°) alarak tamamlayıcıdan daha yumuşak bir denge kurar. Dörtlü (dikdörtgen) ve kare uyumlar dört renkle zengin paletler oluşturur; monokrom ise aynı tonun açık ve koyu versiyonlarından oluşur.
HSL mi OKLCH mi?
HSL’de tonu döndürdüğünüzde renklerin algılanan parlaklığı değişir: aynı doygunluk ve açıklıktaki sarı, maviden çok daha parlak görünür. OKLCH algısal bir modeldir; tonu döndürürken parlaklığı ve kromayı sabit tutar, bu nedenle paletteki renkler göze daha dengeli gelir. Ekranda gösterilemeyen renkler kroma azaltılarak sRGB sınırına çekilir. Klasik ressam çarkına yakın sonuçlar için HSL’yi, arayüz ve marka paletleri için OKLCH’yi deneyin.
Kontrast ve erişilebilirlik
Her rengin altında beyaz (◻) ve siyah (◼) metinle WCAG kontrast oranı gösterilir: 4,5:1 ve üzeri normal metin için AA seviyesini karşılar (yeşil), 3:1–4,5:1 yalnızca büyük metin için uygundur (sarı), daha düşük değerler metin için yetersizdir (kırmızı). Paletinizi bir web sitesinde kullanacaksanız metin ve arka plan çiftlerini kontrast denetleyicide ayrıca kontrol edin. Tüm hesaplamalar tarayıcınızda yapılır.
Sık sorulan sorular
Bir rengin tamamlayıcısı nasıl bulunur?
Renk çarkında tonu 180° döndürerek. Araç bunu HSL veya OKLCH modelinde otomatik yapar ve sonucu HEX olarak verir.
Hangi renkler birbiriyle uyumludur?
Renk çarkında belirli açılarla yerleşen renkler: karşılıklı (tamamlayıcı), komşu (analog), 120° arayla (üçlü) veya 90° arayla (kare). Monokrom paletler de her zaman uyumludur.
Paleti CSS’e nasıl aktarırım?
Paletin yanındaki “Bu paleti dışa aktar” düğmesine basın, ardından CSS değişkenleri biçimini seçip kopyalayın; :root içinde --color-… değişkenleri oluşur.
Bu araç boya karışımını gösterir mi?
Hayır, ekran renkleri (RGB) üzerinde çalışır. Pigmentlerin nasıl karışacağını görmek için renk karışımı aracını kullanın.
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.