Netcontact Pro Color Picker, web tasarımcıları, grafik sanatçıları ve geliştiriciler için geliştirilmiş profesyonel bir renk seçim aracıdır. Ekranınızdaki herhangi bir noktanın rengini anında yakalayabilir, renk kodlarını (HEX, RGB, HSL, CMYK) görüntüleyebilir ve kullanabilirsiniz.
Özellikler
- Ekran renk seçimi (EyeDropper) – Chrome/Edge ile ekrandaki herhangi bir pikselin rengini tek tıkla alın.
- Ekran görüntüsü ile renk seçimi – Tüm ekranı veya bir pencereyi yakalayın, ardından fareyle üzerinde gezinerek renkleri inceleyin.
- Tam ekran modu – Yakalanan görüntüyü tam ekran yaparak en küçük detaylara kadar renk seçimi yapın.
- Taşınabilir renk bilgi çubuğu – Tam ekranda renk kodlarını gösteren çubuğu sürükleyerek istediğiniz yere taşıyın.
- Ön tanımlı renk paleti – 25 hazır renk, tek tıkla seçim.
- Seçim geçmişi – Son 20 rengi saklar, tekrar kullanmak için tıklayın.
- Tüm renk formatları – HEX, RGB, HSL, CMYK değerleri anlık olarak hesaplanır ve gösterilir.
- Kopyalama desteği – Renk kodlarına tıklayarak panoya kopyalayın.
- Resim yükleme – Kendi görsellerinizi yükleyip üzerinden renk seçimi yapın.
- Varsayılan gradyan – Her zaman hazır bir renk spektrumu.
Adım Adım Kullanım Kılavuzu
1. Ana Ekran
- Sol tarafta canvas alanı (varsayılan gradyan) bulunur.
- Sağ tarafta renk önizlemesi, renk kodları, palet ve seçim geçmişi yer alır.
2. Canvas üzerinden renk seçimi
- Farenizi canvas üzerinde gezdirdiğinizde renk anlık olarak sağ panelde ve tam ekran çubuğunda güncellenir.
- Bir renge tıkladığınızda otomatik olarak “Seçtiklerim” listesine eklenir.
3. Ekran Görüntüsü Al (Yüksek Çözünürlük)
- Sağ paneldeki “📷 Ekran Görüntüsü Al” butonuna tıklayın.
- Tarayıcı, ekran veya pencere seçmenizi ister. Seçimi yapın.
- Görüntü canvas’e yüksek çözünürlükte çizilir ve otomatik olarak tam ekran modu açılır.
- Tam ekranda fareyi gezdirerek renkleri inceleyin, tıklayarak seçin ve tam ekran kapanır.
4. Ekrandan Renk Seç (Nokta) – EyeDropper
- “💧 Ekrandan Renk Seç” butonuna tıklayın.
- İmleç bir damlalığa dönüşür. Ekranda istediğiniz herhangi bir noktaya tıklayın.
- O noktanın rengi anında yakalanır, kodları gösterilir ve seçim geçmişine eklenir.
⚠️ Bu özellik yalnızca Chromium tabanlı tarayıcılarda (Chrome, Edge, Opera) çalışır.
5. Tam Ekran Modu
- Canvas’ın sağ üstündeki 🔍 butonuna tıklayarak istediğiniz zaman tam ekrana geçin.
- Tam ekranda renk bilgi çubuğu (sürüklenebilir) ve altta “tıklayarak seç” ipucu belirir.
- ESC tuşuyla veya canvas’a tıklayarak tam ekrandan çıkabilirsiniz.
6. Renk Bilgi Çubuğu (Taşınabilir)
- Tam ekranda çubuk varsayılan olarak sol üstte açılır.
- Fareyle tutup sürükleyerek istediğiniz konuma taşıyabilirsiniz.
- Sağ üstteki ✕ butonuyla kapatabilir, sol üstteki 🎨 butonuyla tekrar açabilirsiniz.
7. Renk Paleti
- 25 ön tanımlı renk kutucuğu bulunur.
- Herhangi birine tıklayarak o rengi seçebilir ve seçim geçmişine ekleyebilirsiniz.
8. Seçtiklerim (Geçmiş)
- Tıkladığınız her renk bu listeye eklenir (son 20).
- Listeden bir renge tıklayarak o renge geri dönebilirsiniz.
- “Temizle” butonu ile tüm geçmişi silebilirsiniz.
9. Resim Yükleme
- “📁 Resim Yükle” butonuyla bilgisayarınızdan bir görsel seçin.
- Görsel canvas’e yüklenir ve üzerinde aynı şekilde renk seçimi yapabilirsiniz.
10. Renk Kodlarını Kopyalama
- Sağ paneldeki HEX, RGB, HSL veya CMYK input alanlarına tıklayın, otomatik seçilir ve kopyalanır (Ctrl+C / Cmd+C).
Renk Kodları Hakkında
| Format | Açıklama |
|---|---|
| HEX | Web tasarımında en yaygın kullanılan 6 haneli onaltılık renk kodu (örn. #4A6CF7). |
| RGB | Kırmızı, yeşil, mavi kanallarının 0-255 arası değerleri (örn. rgb(74, 108, 247)). |
| HSL | Ton (Hue), doygunluk (Saturation), açıklık (Lightness) değerleri (örn. hsl(226, 91%, 63%)). |
| CMYK | Cyan, Magenta, Yellow, Key (siyah) yüzdeleri – baskı tasarımı için (örn. cmyk(70%, 56%, 0%, 3%)). |
Kısayollar ve İpuçları
- ESC – Tam ekrandan çıkar.
- Tıklama – Canvas’a tıklayarak rengi seçer ve tam ekranda ise çıkış yapar.
- Sürükleme – Bilgi çubuğunu fareyle sürükleyerek yerini değiştirebilirsiniz.
- Kopyalama – Renk kodu input’larına sağ tıklayarak kopyalama yapabilirsiniz.
Teknik Detaylar ve Tarayıcı Desteği
| Özellik | Destek |
|---|---|
| Ekran görüntüsü | Chrome, Edge, Firefox, Safari 16.4+ |
| Nokta renk seçimi | Chrome, Edge (Chromium) |
| Tam ekran | Tüm modern tarayıcılar |
| Canvas işlemleri | Tüm modern tarayıcılar |
Test Edilmiş Tarayıcılar
- Google Chrome 120+
- Microsoft Edge 120+
- Mozilla Firefox 121+
- Safari 17+ (EyeDropper hariç)
Eğer siz de günlük hayatınıza bu Ekran Renk Seçici & Kod Üretici aracını eklemek istiyorsanız, NETCONTACT PRO COLOR PICKER bölümüne buradan ulaşabilirsiniz.
