Renk seçici (göz damlası) nasıl kullanılır?

Chrome geliştirme aracında yeni keşfettiğim çok kullanışlı bir araç var. Adını bile bilmiyorum ve google'da bulamıyorum. Bir piksel denetleme aracı olduğunu söyleyebilirim.

Aşağıdaki yöntemi nasıl kullanacağımı buluyorum:

1 A. Arka plan rengiyle bir html öğesini inceleyin.

1b. Bir elemanın arka plan rengini tanımlayın.

2. Renk seçiciye tıklayın.
3. Farenizi sayfadaki herhangi bir öğenin üzerine getirin (geliştirme aracında değil)

Bakınız: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif

Sorularım: Bu aracın adı nedir? Nasıl kolayca kullanılır? Çoğu zaman rengi umursamıyorum ama bir ikonun piksellerini incelemek istiyorum. Bu aracın bir kısayol tuşu var mı?

Damlalığı açmak için basitçe:

1. Geliştirme Araçlarını Aç F12
2. Öğeler sekmesine gidin
3. Stiller yan çubuğunun altında herhangi bir renk önizleme kutusuna tıklayın

Ana işlevi, piksel renk değerlerini tıklayarak onları incelemektir, ancak yeni özellikleriyle, alttaki iki ok simgesine tıklayarak sayfanızın mevcut renk paletini veya malzeme tasarım paletini de görebilirsiniz. Sayfanızı tasarlarken oldukça kullanışlı olabilir.

Buna sadece damlalık aracı denir. Bildiğim kadarıyla kısayol tuşu yok. Şimdi kullanmanın tek yolu, stiller kenar çubuğundaki renk seçici kutusuna tıklamak ve ardından zaten yaptığınız gibi sayfaya tıklamaktır.

Damlalık aracı, geçmişte benim için çalışmasına rağmen, şu anda Chrome sürümümde (yukarıda açıklandığı gibi) çalışmıyor. Chrome'un en son sürümünde güncellenmekte olduğunu duydum.

Ancak, Firefox'ta renkleri kolayca yakalayabiliyorum.

1. Sayfayı Firefox'ta aç
2. Hamburger Menüsü -> Web Developer -> Damlalık
3. Damlalık aracını görüntünün üzerine sürükleyin ... tıklayın .
   Renk panonuza kopyalanır ve damlalık aracı kaybolur.
4. Renk kodunu yapıştırın

Damlalık aracının Chrome'da çalışmasını sağlayamamanız durumunda, bu iyi bir çözümdür.
Ayrıca erişimi daha kolay buluyorum :-)