Chrome, Edge ve Firefox için renk seçici uzantısı
Bir sayfanın herhangi bir yerinden renk alın ya da herhangi bir renk kodunu yapıştırın ve tek tıkla HEX, RGB, HSL veya OKLCH olarak kopyalayın. Bütün bir sitenin paletini okuyun ve CSS, Tailwind ya da design token olarak dışa aktarın.
Ücretsiz, hesap gerekmez, çevrimdışı çalışır.
Neler yapar
- Damlalık
- Sayfadaki herhangi bir pikselin rengini alır ve değeri hemen sizin biçiminizde kopyalar.
- Her rengi anlar
- HEX, rgb(), hsl(), oklch(), sky-500 gibi bir Tailwind sınıfı, Swift veya Flutter kodu ya da lacivert gibi bir ad yapıştırın.
- Her biçimi verir
- HEX, RGB, HSL ve OKLCH yan yana, her biri tek tıkla kopyalanır. Seçtiğiniz biçim varsayılan olur.
- Bir sitenin paleti
- Açık sayfanın renklerini ve CSS değişkenlerini toplar, neredeyse aynı olanları birleştirir ve en çok kullanılanları öne koyar.
- Dışa aktarma
- Sayfanın paletini CSS değişkenleri, Tailwind @theme bloğu, SCSS, JSON, design token veya SVG olarak kopyalar.
- Geçmiş
- Son renkleriniz uzantı penceresinde bekler. Yalnızca bu tarayıcıda saklanır.
İzinler
Uzantı dört izin ister ve asla tüm sitelere erişim istemez. Her iznin tek bir görevi vardır.
activeTab- Açık sekmeye erişim; yalnızca uzantı simgesine tıkladıktan veya kısayolunu kullandıktan sonra.
scripting- Paletini istediğinizde veya renk aldığınızda o sayfanın renklerini okuyan küçük betiği çalıştırır.
storage- Son renklerinizi ve tercih ettiğiniz biçimi bu tarayıcıda saklar.
clipboardWrite- İstediğiniz rengi veya kodu kopyalar.
Asla istemedikleri
Tüm sitelere erişim · Tarama geçmişiniz veya sekme listeniz · Analiz, reklam veya takip · İnternetten indirilen kod
Klavye kısayolu
Pencereyi açmadan renk almak için herhangi bir sayfada Alt+Shift+P tuşlarına basın. Kısayolu tarayıcının uzantı ayarlarından değiştirebilirsiniz.
Sorular ve cevaplar
PickShade uzantısı ücretsiz mi?
Evet. Damlalık, tüm biçimler, sayfa paleti, dışa aktarma ve geçmiş ücretsizdir; hesap ve reklam yoktur.
Neden bazı sayfaları okumuyor?
Tarayıcılar hiçbir uzantının kendi sayfalarını okumasına izin vermez: ayarlar, yeni sekme sayfası ve uzantı mağazaları gibi. Bu sayfalarda pencere yapıştırdığınız renkleri yine dönüştürür, Chrome ve Edge’de damlalık da çalışır.
Uzantı renklerimi bir yere gönderiyor mu?
Hayır. Renkler uzantının içinde, pickshade.com ile aynı CSS Color 4 matematiğiyle hesaplanır. Hiçbir şey sunucuya gitmez ve geçmiş tarayıcınızda kalır.
Damlalık Firefox’ta nasıl çalışır?
Firefox’ta uzantılar için yerleşik bir damlalık yoktur; bu yüzden PickShade sayfanın görünen kısmının görüntüsünü alır ve bir büyüteç gösterir. Bir piksele tıklayın ya da büyüteci ok tuşlarıyla taşıyıp Enter’a basın.