Color Picker & Palette Manager

## Tasarımcılar ve Geliştiriciler İçin Profesyonel Renk Seçici Chrome Eklentisi

Renk Seçici ve Palet Yöneticisi, web üzerinde renklerle çalışan herkes için vazgeçilmez bir Chrome eklentisidir. İster marka yönergeleri oluşturan profesyonel bir tasarımcı, ister mockuplarla eşleşen bir frontend geliştiricisi, ister uyumlu görsel içerik oluşturan bir içerik üreticisi olun, bu eklenti size herhangi bir web sayfasındaki herhangi bir renge piksel mükemmelliğinde hassasiyetle anında erişim sağlar.

### Neden Modern Web Tasarımında Renk Seçimi Önemlidir?

Günümüzün dijital ortamında, renk tutarlılığı her şeydir. Tek bir uyumsuz ton, marka bilinirliğini bozabilir, kullanıcıları şaşırtabilir veya bir tasarımın profesyonelce görünmesini engelleyebilir. Profesyonel tasarımcılar, referans web sitelerinden, rakip analizlerinden veya ilham kaynaklarından tam renk değerlerini almanın günlük bir gereklilik olduğunu bilirler.

Renkleri tanımlamanın geleneksel yöntemleri sıkıcı ve hatalıdır. Ekran görüntüleri almak, resim düzenleyicileri açmak ve pikselleri manuel olarak örneklemek değerli zamanı boşa harcar. Tarayıcı geliştirici araçları yardımcı olabilir, ancak belirli bir rengi bulmak için DOM öğelerinde gezinmek zahmetlidir ve resimler veya gradyanlar için işe yaramaz.

Renk Seçici ve Palet Yöneticisi bu sorunları zarif bir şekilde çözer. Tek bir tıklama, herhangi bir öğede, herhangi bir resimde, herhangi bir video karesinde ve herhangi bir CSS gradyanında çalışan profesyonel düzeyde bir damlalık etkinleştirir. Renk değeri, tercih ettiğiniz biçimde anında panonuza kopyalanır.

### Renk Seçici Nasıl Çalışır?

Renk Seçici ve Palet Yöneticisi'ni kullanmak basit ve sezgiseldir. Profesyonellerin günlük iş akışlarında nasıl kullandığı aşağıda açıklanmıştır:

**Adım 1: Damlalığı Etkinleştirin**
Chrome araç çubuğunuzdaki eklenti simgesini tıklayın veya daha hızlı erişim için Alt+P klavye kısayolunu kullanın. Damlalık aracı hemen etkinleşir ve mevcut web sayfasını etkileşimli bir renk seçimi arayüzüyle kaplar.

**Adım 2: Hedef Renginize Gidin**
İmlecinizi sayfa üzerinde hareket ettirin. Farklı alanların üzerine geldiğinizde, eklenti gerçek zamanlı renk bilgilerini görüntüler. Bir zoom büyüteci, imlecinizin etrafındaki piksellerin büyütülmüş bir görünümünü göstererek, karmaşık resimlerde veya ince gradyanlarda bile istediğiniz tam pikseli seçmeyi kolaylaştırır.

**Adım 3: Yakalamak İçin Tıklayın**
İmlecinizi istediğiniz rengin üzerine getirdiğinizde, sadece tıklayın. Eklenti, renk değerini anında yakalar ve panonuza kopyalar. Bir bildirim, yakalamayı onaylar ve size tam HEX, RGB ve HSL değerlerini gösterir.

**Adım 4: Renginizi Kullanın**
Renk değerini doğrudan kod düzenleyicinize, tasarım aracınıza veya belgelerinize yapıştırın. Renk, CSS, Sass, tasarım sistemleri veya standart renk biçimlerini kabul eden herhangi bir uygulamada hemen kullanıma hazırdır.

### Zoom Büyüteci ile Hassas Renk Seçimi

Renk Seçici ve Palet Yöneticisi'nin en güçlü özelliklerinden biri zoom büyütecidir. Fotoğraflardan, gradyanlardan veya kenar yumuşatılmış metinlerden renk seçmeye çalışırken, tek tek pikselleri doğru bir şekilde hedeflemek neredeyse imkansız olabilir.

Zoom büyüteci, imlecinizi çevreleyen piksellerin 8 kat büyütülmüş bir görünümünü görüntüler. Bu büyütülmüş görünüm, tam piksel sınırlarını göstererek, istediğiniz rengi tam olarak seçmeyi kolaylaştırır. Büyüteç, sayfada gezinirken gerçek zamanlı geri bildirim sağlayarak imlecinizi sorunsuz bir şekilde takip eder.

Profesyonel tasarımcılar, özellikle şu durumlarda bu özelliği takdir ediyor:
- İnce renk varyasyonlarının önemli olduğu yüksek çözünürlüklü fotoğrafçılık
- Renklerin değerler arasında sorunsuz bir şekilde geçiş yaptığı CSS gradyanları
- Simgeler veya ince kenarlıklar gibi küçük UI öğeleri
- Renklerin arka planlarla karıştığı kenar yumuşatılmış metin kenarları
- Piksel yoğunluğunun iki katına çıktığı Retina ekranlı web siteleri

### Çoklu Renk Biçimi Desteği

Farklı projeler farklı renk biçimleri gerektirir. Bir CSS geliştiricisinin HEX kodlarına ihtiyacı olabilirken, belirli bir araçta çalışan bir tasarımcı RGB veya HSL değerlerini tercih edebilir. Renk Seçici ve Palet Yöneticisi, tüm standart biçimlere anında erişim sağlar:

**HEX Biçimi**
Web geliştirme için en yaygın biçim. #F59E0B gibi HEX kodları kompakttır, evrensel olarak desteklenir ve okunması kolaydır. Bir renk seçtiğinizde, HEX değeri hemen kopyalanmaya hazırdır.

**RGB Biçimi**
Kırmızı, Yeşil, Mavi değerleri, programatik renk manipülasyonu için gereklidir. rgb(245, 158, 11) gibi RGB biçimi, CSS ve JavaScript uygulamalarında yaygın olarak kullanılır. Eklenti, RGB değerlerini doğru biçimlendirmeyle görüntüler ve kodunuza yapıştırılmaya hazırdır.

**HSL Biçimi**
Ton, Doygunluk, Açıklık, renkleri anlamak ve değiştirmek için sezgisel bir yol sağlar. hsl(38, 92%, 50%) gibi HSL biçimi, tek tek bileşenleri ayarlayarak renk varyasyonları oluşturmayı kolaylaştırır. Eklenti, seçtiğiniz her renk için hassas HSL değerlerini hesaplar.

**Tek Tıkla Kopyala**
Belirli bir biçimi panonuza anında kopyalamak için herhangi bir biçim düğmesini tıklayın. Vurgulama yok, manuel kopyalama yok, ekstra adım yok. İhtiyacınız olan biçim tek tıklamayla elinizin altında.

### Renk Paletleri Oluşturma ve Yönetme

Tek tek renkleri yakalamak sadece bir başlangıçtır. Profesyonel projeler, zaman içinde başvurulabilen, paylaşılabilen ve sürdürülebilen organize renk koleksiyonları gerektirir. Renk Seçici ve Palet Yöneticisi, kapsamlı bir palet yönetim sistemi içerir.

**Adlandırılmış Paletler Oluşturun**
Renklerinizi projelerinizi yansıtan adlandırılmış paletler halinde düzenleyin. Belirli müşteriler, web siteleri, tasarım sistemleri veya ilham koleksiyonları için paletler oluşturun. Her palet birden çok renk tutabilir ve iş akışınızın gerektirdiği kadar çok palet oluşturabilirsiniz.

**Paletlere Renk Ekleyin**
Bir renk seçtiğinizde, tek bir tıklamayla mevcut herhangi bir palete hemen ekleyebilirsiniz. Bir referans web sitesinden bir palet oluşturmak zahmetsiz hale gelir. Renkleri tek tek seçin, her birini hedef paletinize ekleyin ve koleksiyonunuz organik olarak büyür.

**Görsel Renk Örnekleri**
Her palet, renkleri görsel örnekler olarak görüntüler ve size renklerin birlikte nasıl çalıştığına dair anında bir fikir verir. Bu görsel temsil, renk uyumunu değerlendirmenize, paletinizdeki boşlukları belirlemenize ve renk eklemeleri hakkında bilinçli kararlar vermenize yardımcı olur.

**Düzenle ve Yeniden Düzenle**
Paletler statik değildir. Projeleriniz geliştikçe paletleri yeniden adlandırabilir, tek tek renkleri kaldırabilir ve koleksiyonlarınızı yeniden düzenleyebilirsiniz. Arayüz, palet yönetimini hızlı ve sezgisel hale getirir.

### Son Renkler Geçmişi

Her rengin kalıcı bir palete kaydedilmesi gerekmez. Bazen keşfediyor, deniyor veya hızlı tek seferlik görevler yapıyorsunuz. Bu durumlar için, Renk Seçici ve Palet Yöneticisi, son seçilen renklerinizin bir geçmişini otomatik olarak tutar.

Son renkler geçmişi, eklenti açılır penceresinde tıklanabilir örnekler olarak görüntülenen son 20 seçilen renginizi saklar. Birkaç dakika önce bir renk seçtiyseniz ve tekrar ihtiyacınız olduğunu fark ederseniz, hemen orada sizi bekliyor. Değerini anında panonuza kopyalamak için herhangi bir son renk örneğini tıklayın.

Bu özellik özellikle şu durumlarda değerlidir:
- Aynı sayfadan birden çok rengi karşılaştırıyorsunuz
- Bir rengi kaydetmeden önce yanlışlıkla sayfadan ayrılıyorsunuz
- Birden çok web sitesinde hızlı renk keşfi yapıyorsunuz
- Çalışırken son seçilen bir renge başvurmanız gerekiyor

### Güçlü Kullanıcılar İçin Klavye Kısayolları

Odaklanmış bir çalışmanın ortasındayken verimlilik önemlidir. Eklenti simgelerini tıklamak için fareye uzanmak akışınızı bozar. Renk Seçici ve Palet Yöneticisi, klavyenizden ayrılmadan damlalığı etkinleştirmenizi sağlayan klavye kısayollarını destekler.

Varsayılan kısayol Alt+P, damlalığı herhangi bir web sayfasından anında etkinleştirir. Elleriniz klavyede kalır, iş akışınız kesintiye uğramaz ve renkleri saniyeler içinde yakalayabilirsiniz.

Klavye kısayolları, Chrome içinde sistem genelinde çalışır, böylece eklenti açılır penceresiyle önce etkileşimde bulunmadan herhangi bir sekmeden damlalığı etkinleştirebilirsiniz.

### Profesyonel Kullanıcılar İçin Profesyonel Özellikler

Temel renk seçme işlevi tüm kullanıcılar tarafından kullanılabilirken, Renk Seçici ve Palet Yöneticisi daha fazla güce ihtiyaç duyan profesyoneller için gelişmiş özellikler sunar:

**Sınırsız Paletler**
Ücretsiz kullanıcılar en fazla 3 palet oluşturabilir. Pro kullanıcılar, birden çok müşteriyi yöneten ajanslar veya büyük ölçekli projelerde çalışan tasarımcılar için mükemmel olan sınırsız palet oluşturmanın kilidini açar.

**Bulut Senkronizasyonu**
Google hesabınızı kullanarak paletlerinizi tüm cihazlarınızda senkronize edin. İş bilgisayarınızda bir palet oluşturmaya başlayın, evde dizüstü bilgisayarınızda devam edin ve oturum açtığınız herhangi bir Chrome tarayıcısında erişin. Renk koleksiyonlarınız her zaman kullanılabilir.

**Renk Uyumu Oluşturucu**
Seçilen herhangi bir renge göre tamamlayıcı, üçlü, analog, bölünmüş tamamlayıcı, dörtlü ve monokromatik renk şemaları oluşturun. Uyumluluk oluşturucu, birlikte iyi çalışan renkler önermek, palet oluşturma sürecinizi hızlandırmak için renk teorisi ilkelerini kullanır.

**Birden Çok Biçime Aktar**
Paletlerinizi profesyonel araçlar tarafından kullanılan biçimlerde dışa aktarın:
- Modern web geliştirme için CSS Değişkenleri
- Sass projeleri için SCSS Değişkenleri
- Tailwind CSS projeleri için Tailwind Yapılandırması
- Özel entegrasyonlar için JSON
- Adobe uygulamaları için Adobe Swatch Exchange

**Marka Kiti Organizasyonu**
Çok markalı ajanslar veya karmaşık tasarım sistemleri için paletleri marka kitleri halinde düzenleyin. İlgili paletleri bir araya getirin, projeler arasında ayrım yapın ve renk koleksiyonlarınızı profesyonelce düzenleyin.

**Erişilebilirlik Kontrast Denetleyicisi**
Renk kombinasyonlarını WCAG erişilebilirlik yönergelerine göre test edin. Kontrast denetleyicisi, kontrast oranlarını hesaplar ve renk çiftlerinin normal ve büyük metin için AA veya AAA standartlarını karşılayıp karşılamadığını gösterir. Tasarımlarınızın görme bozukluğu olan kullanıcılar için erişilebilir olduğundan emin olun.

**Renk Körlüğü Simülatörü**
Renklerinizin farklı renk görme eksikliği türlerine sahip kullanıcılar için nasıl göründüğünü önizleyin. Simülatör, renklerin protanopia, deuteranopia, tritanopia ve achromatopsia koşullarında nasıl göründüğünü göstererek herkes için çalışan tasarımlar oluşturmanıza yardımcı olur.

### Gizlilik ve Güvenlik

Renk Seçici ve Palet Yöneticisi, gizlilik temel bir ilke olarak tasarlanmıştır. Bulut hizmetleriyle senkronize etmeyi açıkça seçmediğiniz sürece verileriniz cihazınızda kalır.

**Yerel İşleme**
Tüm renk seçme ve palet yönetimi tarayıcınızda yerel olarak gerçekleşir. Normal çalışma sırasında harici sunuculara hiçbir renk verisi gönderilmez. İş akışınız gizli ve güvenli kalır.

**Minimum İzinler**
Eklenti yalnızca işlevselliği için gerekli olan izinleri ister:
- activeTab: Damlalığı etkinleştirdiğinizde mevcut web sayfasından renkleri okumak için gereklidir
- storage: Paletlerinizi ve tercihlerinizi yerel olarak kaydetmek için gereklidir
- clipboardWrite: Renk değerlerini panonuza kopyalamak için gereklidir
- scripting: Damlalık arayüzünü web sayfalarına yerleştirmek için gereklidir

**İzleme Yok**
Eklenti herhangi bir analiz veya izleme kodu içermez. Tarama etkinliğiniz, seçilen renkleriniz ve kullanım kalıplarınız izlenmez veya raporlanmaz.

**Reklam Yok**
Arayüz temiz ve odaklanmıştır. Eklenti içinde reklam, banner veya tanıtım içeriği yoktur.

### Uyumluluk ve Performans

Renk Seçici ve Palet Yöneticisi, Chrome'un en son ve en güvenli eklenti mimarisi olan Manifest V3 platformu üzerine kurulmuştur. Bu, yüksek güvenlik standartlarını korurken mevcut ve gelecekteki Chrome sürümleriyle uyumluluğu sağlar.

**Hafif Çalışma**
Eklenti, minimum kaynak kullanımı için optimize edilmiştir. Kullanılmadığında arka plan işlemleri çalıştırmaz ve tarayıcı performansı ve bellek tüketimi üzerinde ihmal edilebilir bir etkisi vardır.

**Çevrimdışı Çalışır**
Kurulduktan sonra, temel işlevsellik internet bağlantısı olmadan çalışır. Çevrimdışıyken bile renkleri seçebilir ve yerel paletleri yönetebilirsiniz.

**Çapraz Platform**
Eklenti Windows, macOS, Linux ve Chrome OS'de çalışır. Chrome'un çalıştığı her yerde, Renk Seçici ve Palet Yöneticisi çalışır.

### Yaygın Kullanım Durumları

**Web Geliştirme**
Frontend geliştiricileri, tasarımlarla eşleşmek, CSS'de hata ayıklamak ve projeler arasında renk tutarlılığını korumak için Renk Seçici ve Palet Yöneticisi'ni kullanır. Mockuplardan veya referans sitelerinden tam renk değerlerini hızlı bir şekilde alma yeteneği, geliştirmeyi hızlandırır.

**UI/UX Tasarımı**
Tasarımcılar, ilham kaynaklarından, rakip web sitelerinden ve mevcut tasarım sistemlerinden renkleri örneklemek için eklentiyi kullanır. Palet yönetimi özellikleri, tasarım belgeleri ve stil kılavuzları için renkleri düzenlemeye yardımcı olur.

**Marka Yönetimi**
Marka yöneticileri, web özelliklerinde renk tutarlılığını doğrulamak için eklentiyi kullanır. Bir web sitesinin doğru marka renklerini kullanıp kullanmadığını hızlı bir şekilde kontrol etme yeteneği, marka bütünlüğünü korumaya yardımcı olur.

**İçerik Oluşturma**
İçerik oluşturucular, grafikler, sosyal medya gönderileri ve pazarlama materyalleri oluştururken renkleri eşleştirmek için eklentiyi kullanır. Son renkler özelliği, birden çok içerik parçası arasında renk tutarlılığını korumak için özellikle kullanışlıdır.

**Eğitim**
Öğrenciler ve eğitimciler, renk teorisini pratik bağlamlarda öğrenmek için eklentiyi kullanır. Uyumluluk oluşturucu ve erişilebilirlik araçları, uygulamalı öğrenme fırsatları sağlar.

### Sıkça Sorulan Sorular

**Neden belirli sayfalarda renk seçemiyorum?**
Chrome, güvenlik nedenleriyle dahili sayfalarda (chrome://, chrome-extension://) ve Chrome Web Mağazası'nda eklenti işlevselliğini kısıtlar. Bu kısıtlamalar Chrome'un kendisi tarafından uygulanır ve herhangi bir eklenti tarafından atlanamaz.

**Varsayılan renk biçimimi nasıl değiştiririm?**
Eklenti açılır penceresini açın ve ayarlar simgesini tıklayın. Ayarlarda, tercih ettiğiniz varsayılan biçimi (HEX, RGB veya HSL) seçebilirsiniz. Bir renk seçtiğinizde, bu biçim otomatik olarak panonuza kopyalanacaktır.

**Eklentiyi resimlerde kullanabilir miyim?**
Evet! Damlalık, resimler, videolar, tuval öğeleri ve SVG grafikleri dahil olmak üzere herhangi bir görünür içerikte çalışır. Sayfada görebiliyorsanız, rengini seçebilirsiniz.

**Eklentiyi kaldırırsam paletlerime ne olur?**
Yerel paletler, tarayıcınızın eklenti depolama alanında saklanır. Eklentiyi kaldırırsanız, bu veriler kaldırılır. Bulut senkronizasyonu etkinleştirilmiş Pro özellikleriniz varsa, paletleriniz bulutta kalır ve yeniden yüklediğinizde geri yüklenir.

**Eklenti gizli modda çalışır mı?**
Varsayılan olarak, Chrome gizli modda eklentileri devre dışı bırakır. Chrome'un eklenti ayarlarında gizli tarama için eklentiyi etkinleştirebilirsiniz, ancak yerel depolama davranışının gizli modda farklılık gösterebileceğini unutmayın.

**Renk seçici ne kadar doğru?**
Renk seçici, tarayıcınız tarafından oluşturulan tam RGB değerlerini okur. Doğruluk, görüntülenen renkler için piksel mükemmeldir. Aynı web sayfasının, renk profili farklılıkları nedeniyle farklı monitörlerde biraz farklı renkler oluşturabileceğini unutmayın.

**Paletleri diğer araçlardan içe aktarabilir miyim?**
Şu anda, eklenti eklenti içinde palet oluşturmayı ve çeşitli biçimlere aktarmayı desteklemektedir. Harici palet dosyaları için içe aktarma işlevi gelecekteki güncellemeler için planlanmaktadır.

**Seçebileceğim renk sayısı için bir sınır var mı?**
Seçebileceğiniz renk sayısı için bir sınır yoktur. Son renkler geçmişi, son 20 seçilen rengi saklar, ancak Pro kullanıcıları için palet depolama alanı sınırsızdır.

**Bir paleti ekibimle nasıl paylaşırım?**
Paletinizi JSON biçiminde dışa aktarın ve dosyayı ekip üyelerinizle paylaşın. Dışa aktarılan dosyadaki renk değerlerine başvurabilirler. Doğrudan palet paylaşım özellikleri gelecekteki güncellemeler için planlanmaktadır.

**Eklenti tarayıcımı yavaşlatır mı?**
Hayır. Eklenti, minimum kaynak kullanımı için tasarlanmıştır. Yalnızca açıkça kullandığınızda etkinleşir ve boşta olduğunda çalışan arka plan işlemleri yoktur.

### Başlarken

Renk Seçici ve Palet Yöneticisi'ne başlamak sadece saniyeler sürer:

1. Eklentiyi yüklemek için Chrome'a Ekle düğmesini tıklayın
2. Yüklendikten sonra, araç çubuğunuzdaki eklenti simgesini tıklayın
3. Damlalığı etkinleştirmek için Renk Seç'i tıklayın veya Alt+P tuşlarına basın
4. Yakalamak için sayfadaki herhangi bir rengi tıklayın
5. En sevdiğiniz renkleri düzenlemek için paletler oluşturun

Hızlı erişim için eklentiyi araç çubuğunuza sabitleyin. İhtiyacınız olduğunda anında renk seçimi için simge her zaman görünür olacaktır.

### Destek ve Geri Bildirim

Renk Seçici ve Palet Yöneticisi'ni Chrome için en iyi renk aracı yapmaya kararlıyız. Herhangi bir sorunla karşılaşırsanız, özellik önerileriniz varsa veya yardıma ihtiyacınız olursa, yardım etmek için buradayız.

E-posta: [email protected]

Geri bildiriminiz bu eklentinin geleceğini şekillendiriyor. Kullanıcılardan gelen özellik istekleri geliştirme yol haritamızı yönlendiriyor ve hata raporları, güvendiğiniz kaliteyi korumamıza yardımcı oluyor.

### Güncellemeler ve İyileştirmeler

Renk Seçici ve Palet Yöneticisi aktif olarak geliştirilmekte ve düzenli olarak güncellenmektedir. Performansı sürekli olarak iyileştiriyor, yeni özellikler ekliyor ve en son Chrome sürümleriyle uyumluluğu sağlıyoruz.

Son güncellemeler şunları ekledi:
- Geliştirilmiş büyüteç performansı
- Yeni dışa aktarma biçimleri
- Gelişmiş palet organizasyonu
- Daha iyi klavye kısayolu işleme
- Bulut senkronizasyon yetenekleri

Ayrıntılı güncelleme bilgileri ve yaklaşan özellikler için değişiklik günlüğümüzü takip edin.

### Neden Bu Renk Seçiciyi Seçmelisiniz?

Chrome Web Mağazası birçok renk seçici eklentisi sunar. Renk Seçici ve Palet Yöneticisi'ni öne çıkaran şey şudur:

**Modern Mimari**
En son Chrome eklenti platformu olan Manifest V3 üzerine kurulmuştur. Birçok eski eklenti hala Chrome'un kullanımdan kaldırdığı eski Manifest V2'yi kullanıyor. Eklentimiz geleceğe yöneliktir.

**Komple Çözüm**
Sadece bir renk seçici değil, aynı zamanda eksiksiz bir renk iş akışı aracıdır. Seçmekten düzenlemeye ve dışa aktarmaya kadar, renklerle çalışmanın her adımı kapsanır.

**Profesyonel Kalite**
Erişilebilirlik kontrolü, renk uyumu oluşturma ve marka kiti organizasyonu gibi özelliklerle profesyonel kullanım için tasarlanmıştır. Bu bir oyuncak değil, profesyonel bir araçtır.

**Gizliliğe Odaklı**
İzleme yok, reklam yok, veri toplama yok. İş akışınız gizli kalır.

**Aktif Geliştirme**
Düzenli güncellemeler, duyarlı destek ve net bir geliştirme yol haritası. Bu eklenti sürekli olarak gelişiyor.

### Bugün Renk Seçmeye Başlayın

Günlük iş akışlarında Renk Seçici ve Palet Yöneticisi'ni kullanan binlerce tasarımcı ve geliştiriciye katılın. Eklentiyi yükleyin, ilk renginizi seçin ve profesyonel renk çalışmasının ne kadar zahmetsiz olabileceğini deneyimleyin.

Başlamak için Chrome'a Ekle'yi tıklayın.

---

**Renk Seçici ve Palet Yöneticisi** - Chrome için profesyonel renk seçimi. Herhangi bir rengi seçin. Güzel paletler oluşturun. Muhteşem tasarımlar yaratın.