Görüntülerden piksel hassasiyetinde renk çıkarın. Her tıklamada HEX, RGB, HSL ve HWB değerlerini elde edin.
Features
- Piksel Hassasiyetinde Çıkarma: Tıkladığınız pikselin tam RGB değerini okuyarak alt piksel seviyesinde renk doğruluğu sağlar; hassas görsel analizler için idealdir.
- Çoklu Format Desteği: Seçilen rengin HEX, RGB, HSL ve HWB formatlarını eş zamanlı hesaplayarak farklı platformlara taşımayı kolaylaştırır.
- Gerçek Zamanlı Önizleme: Mouse veya dokunma hareketiniz sırasında renk önizlemesi güncellenir; X/Y koordinatlarıyla aynı noktayı tekrar bulmanızı sağlar.
- Hızlı Kopyalama: Tek tıklamayla seçilen formatı panoya kopyalayın; CSS, tasarım araçları ve kod editörlerinde anında kullanın.
Usage Guide
- Adım 1: "Görsel Yükle" butonuna tıklayın veya dosyayı sürükleyip bırakarak analiz etmek istediğiniz resmi içeri alın.
- Adım 2: Büyüteç benzeri renk seçiciyle görsel üzerinde dolaşın ve istediğiniz piksele tıklayarak renk değerini çıkarın.
- Adım 3: HEX, RGB, HSL veya HWB değerlerinden birini kopyalayarak tasarım araçlarına veya kod editörüne yapıştırın.
Technical Details
Renk Modelleri
RGB, HSL, HWB ve LAB gibi renk modelleri farklı ihtiyaçlara hizmet eder: RGB ekranlar için eklemeli ışık modelidir; HSL ton, doygunluk ve parlaklığı sezgisel olarak ayırır; HWB web renkleri için beyazlık/siyahlık bileşenleri sağlar; baskı işlerinde CMYK ile dönüşüm yapılır.
Renk Temsilleri
Web projelerinde HEX (#FFFFFF), RGB (rgb(255,255,255)), RGBA (alfa kanallı) ve HSL (hsl(0,100%,50%)) formatları kullanılır. Renk seçici, pikselden elde edilen RGB değerini bu temsil biçimlerine matematiksel dönüşümlerle çevirir.
Renk Dönüşümü
Renk dönüşümleri doğrusal olmayan matematiksel eşitliklerle yapılır: RGB → HSL dönüşümünde maksimum ve minimum kanal farkı kullanılır; RGB → HWB dönüşümünde beyazlık min kanal, siyahlık 1 - max kanal ile hesaplanır. Bu dönüşümler renk eşleştirme, erişilebilirlik ve marka tutarlılığı için kritiktir.
Frequently Asked Questions
- Renk seçici nasıl çalışır?
- Canvas API ile görseldeki piksel verisi okunur; tıkladığınız koordinattaki renk RGBA olarak alınır ve tüm formatlara dönüştürülür.
- Hangi görsel formatları destekleniyor?
- JPG, PNG, GIF ve WebP gibi yaygın web formatları desteklenir. Görselleri sürükleyip bırakarak veya dosya seçerek yükleyebilirsiniz.
- Çıkarılan renk değerlerini nasıl kullanırım?
- HEX, RGB, HSL ve HWB formatları listelenir; istediğiniz formatın yanındaki kopyala butonuyla değeri panoya alıp CSS, tasarım araçları veya kod içerisinde kullanabilirsiniz.
- Aynı anda birden fazla renk çıkarabilir miyim?
- Araç her tıklamada tek bir renk döndürür; farklı piksellere sırayla tıklayarak birden fazla rengi art arda kopyalayabilirsiniz.
- Renk koordinatları neyi ifade eder?
- Koordinatlar (X, Y) seçtiğiniz pikselin görseldeki konumunu gösterir; X soldan sağa, Y yukarıdan aşağıya ölçülür.
Related Documentation
- MDN - Canvas API - CanvasRenderingContext2D.getImageData ile görsellerden piksel verisi okuma ve veri tamponlarını işleme rehberi.
- W3C - CSS Color Module Level 4 - CSS renk fonksiyonları, yeni renk uzayları ve format dönüşümlerini tanımlayan güncel spesifikasyon.
- MDN - CSS color_value - HEX, RGB, HSL, HWB dâhil tüm CSS renk sözdizimlerini açıklayan referans dokümanı.
- Color.js Kılavuzu - Renk dönüşümlerini hassas biçimde gerçekleştirmek için modern Color API örnekleri ve açıklamaları.
- WCAG 2.1 Renk Kontrast Kılavuzu - Erişilebilirlik standartlarına göre renk kontrastı hesaplama ve minimum değerler için resmi rehber.