ColorZilla 2.0 Renk Kodu Bulma

ColorZilla web sayfalarında kullanılan renklerin RBG ve HEX kodlarını görmenizi sağlayan bir Firefox eklentisi.

Eklentiyi kurduğunuz zaman firefox tarayıcınızın sol alt köşesine yerleşir. Blogunuzun tasarımıyla uğraşıyorsanız yüzlerce rengin koduna ulaşabilir veya başka sitelerde kullanılmış renklerin kodunu öğrenebilirsiniz. Biraz daha yakından inceleyelim.

İndir: ColorZilla 2.0

Yukarıdaki linkten eklentiyi kurunca firefox tarayıcınızın sol alt köşesinde küçük bir kare göreceksiniz (a). Bu kareye bir kez tıklayınca fare imleciniz artı şeklini alır (b). (Tekrar normal haline getirmek isterseniz farenizin sağ tuşuna bir kez tıklamanız yeterli) Kutunun rengi imleci gezdirdiğiniz yerin rengini alır ayrıca sağdaki RGB ve HEX değerleri de değişir (c).

Diyelimki yazı başlığı rengini değiştirmek istiyorsunuz. Önce imleci yazı başlığına getirdiğinizde rengin hex kodunu görürsünüz ve temanın style.css sayfasına gelip Ctrl+F yaparsınız. Çıkan arama kutusuna hex kodunu yazarak yazı başlığı rengiyle ilgili kodu kolayca bulur ve değiştirebilirsiniz.

Temanızda bir yerin rengini değiştirmek istiyorsunuz fakat kodun nerede geçtiğini bilmiyorsunuz. İmleci ilgili alana götürdüğünüzde (d) ile gösterilen yer style.css‘de aramanız gereken yerle ilgili ipucu verir.

Paint ya da Photoshop’ta yukarıdaki rengin aynısını bulmak için RGB kodlarını kullanabilirsiniz. Paint’i açıp Renkler/Renkleri Düzenle‘ye girdiğinizde aşağıdaki pencere açılacaktır. Özel Renk Tanımla‘yı tıklayın ve Kırmızı, Yeşil, Mavi kutularına ColorZilla’nın verdiği RGB (Red, Green, Blue) değerlerini girin.

Bütün renk kodlarını görebilmeniz için ise yapmanız gereken sadece ilk resimde (a) ile gösterilen kutuya çift tıklamak. Aşağıdaki pencere açılacak, daha fazla renk isterseniz Palet sekmesine gelirsiniz. Renklerin isimleri lazımsa rengin üstüne tıklayınca İsim yazan yerde çıkıyor