Bu araç hangi renk formatlarını destekler?

HEX (#RRGGBB), RGB (rgb(r, g, b)), HSL (hsl(h, s%, l%)) ve matbaa için CMYK formatlarını tek tıkla kopyalayabilirsiniz.

Metinlerin kenarından neden farklı bir renk okunuyor?

Yazı tipleri ekranda pürüzsüz görünmek için kenar yumuşatma (anti-aliasing) kullanır ve kenar pikselleri zeminle karışır. 10x büyütecimiz tam orta noktayı seçmenizi sağlar.

Telefon ekran görüntülerinden renk seçebilir miyim?

Evet! iPhone, Android veya bilgisayar ekran görüntülerini yükleyerek istediğiniz uygulamanın renk kodlarını anında alabilirsiniz.

Seçtiğim renklerden bir palet oluşturabilir miyim?

Evet! Tıkladığınız renkler alt taraftaki renk geçmişi kutularında toplanır; bu renkleri Renk Paleti Üret aracımıza kolayca aktarabilirsiniz.

Yüklediğim görseller gizli kalıyor mu?

Evet, 100%. Tüm görsel tarama ve piksel okuma işlemleri yerel tarayıcınızda yapılır; sunucularımıza hiçbir veri gönderilmez.

Resimden Renk Seçici

Teknik Rehber & İnceleme•8 dk okuma•2RUN Engineering Team

100% İstemci Taraflı & Sıfır Veri Yükleme

Resimden Renk Seçici (Damlalık) Aracı: Piksel Büyüteci, HEX/RGB/HSL Kodları ve Renk Kopyalama

Bir fotoğraftan, kullanıcı arayüzü ekran görüntüsünden veya çizimden tam renk kodunu çıkarmak; grafik tasarımcılar, ön yüz geliştiriciler ve dijital sanatçılar için günlük bir gereksinimdir. Bir rengi göz kararı tahmin etmeye çalışmak marka uyumsuzluklarına ve zaman kaybına yol açar. Tek bir pikselin kesin onaltılık (HEX) kodunu, RGB tam sayı değerini veya CSS HSL koordinatını yakalamak için yüksek hassasiyetli bir dijital damlalık gerekir.

Tarayıcı üzerinde çalışan renk seçici aracımız, imlecinizi takip eden 10x büyütmeli interaktif piksel büyüteciyle donatılmıştır. Görsel üzerinde herhangi bir noktaya tıkladığınız anda ilgili pikselin HEX, RGB, HSL ve CMYK kodlarını anında çıkarır ve tek tıkla panoya kopyalama imkanı sunar—üstelik %100 yerel ve gizli.

Renk Uzayları: HEX, sRGB, HSL ve CMYK Matematiksel Dönüşümleri

Dijital ekranlar renkleri kırmızı, yeşil ve mavi ışık kanallarının (sRGB) 0 ile 255 arasındaki karışımıyla üretir. Web geliştirmede bu değerler 6 haneli onaltılık metinlere (#RRGGBB) dönüştürülerek CSS stil dosyalarında evrensel standart olarak kullanılır.

Renk motorumuz tüm popüler renk formatları arasında anlık matematiksel dönüşüm yapar: Arayüz tasarımında dinamik hover tonları üretmek için silindirik HSL (Ton, Doygunluk, Parlaklık) ve matbaa baskı hazırlıkları için 4 kanallı CMYK (Camgöbeği, Eflatun, Sarı, Siyah) değerlerini anında sunar.

10x Piksel Büyüteci ve Kenar Yumuşatma (Anti-Aliasing) Filtresi

Yüksek çözünürlüklü fotoğraflarda küçük bir metin veya ince bir logo kenarından renk seçmek büyüteç olmadan çok zordur. Büyütme olmadan tıklamak, genellikle ana renk yerine arka planla harmanlanmış şeffaf kenar piksellerinin seçilmesine neden olur.

İnteraktif 10x büyütecimiz, imlecinizin altındaki piksel ızgarasını devasa bir hedef tahtasıyla büyüterek ekrana yansıtır. Böylece kenar yumuşatma geçişleri ile katı dolgu piksellerini gözünüzle net bir şekilde ayırt edebilir, markanın gerçek renk kodunu hatasız yakalayabilirsiniz.

Tasarımcı İş Akışı: Renk Seçiminden Kurumsal Palet Üretimine

Renk seçimi estetik bir tasarımın başlangıç noktasıdır. İlham aldığınız bir fotoğraftan ana renkleri çıkardıktan sonra bu kodları Renk Paleti Üret aracımıza aktararak uyumlu tamamlayıcı ve analog renk skalaları oluşturabilirsiniz.

Seçtiğiniz kurumsal HEX kodunu Kenarlık Ekle aracında uyumlu bir çerçeve rengi olarak kullanabilir veya Renk Filtresi ile fotoğraflarınızı aynı marka atmosferine büründürebilirsiniz.

⚡3 Kolay Adımda Resimden Renk Seçme

1. Görselinizi Yükleyin

Renk kodunu almak istediğiniz fotoğrafı veya ekran görüntüsünü yükleyin.

2. Büyüteç ile İmleci Gezdirin

10x büyütmeli piksel ızgarasını izleyerek imlecinizi hedef rengin üzerine getirin.

3. Tıklayın ve Kodu Kopyalayın

Hedef piksele tıklayın ve HEX, RGB veya HSL kodunu tek tıkla kopyalayın.

💡Hassas Renk Seçimi İçin İpuçları

•Kenar yumuşatma (anti-aliasing) geçiş piksellerine basmamak için 10x büyüteçten yararlanın.
•CSS buton ve arayüz animasyonlarında kolay renk açma/koyulaştırma için HSL formatını tercih edin.
•Birden fazla rengi karşılaştırmak için alt kısımdaki renk geçmişi paletinden yararlanın.
•Seçtiğiniz renkleri Kenarlık Ekle veya Renk Filtresi araçlarımızla doğrudan görsel tasarımlarınıza uygulayın.

🛡️Tarayıcı İçi Canvas getImageData Okuması ve Yerel İşleme

Renk seçici motorumuz, HTML5 Canvas 2D `ctx.getImageData(x, y, 1, 1)` API'sini kullanır. Ekran koordinatları matematiksel olarak görselin gerçek orijinal piksel matrisine eşlenir; bu sayede ekran ölçeği ne olursa olsun alt-piksel hassasiyetinde doğru renk okunur. Tüm piksel okuma ve renk uzayı dönüşümleri tarayıcınızın JavaScript motorunda yerel olarak yürütülür. Özel ekran görüntüleriniz veya şirket arayüzleriniz asla harici sunuculara iletilmez; gizliliğiniz tam güvence altındadır.

Stack: WebAssembly • Multi-threaded Web Workers • HTML5 Canvas API

Privacy: Zero remote tracking, zero cloud buffer, zero cookie telemetry.