Renkler, HTML ve CSS'de onaltılık kodlarıyla tanımlanır. Bir web sayfası veya başka bir HTML projesi oluşturuyorsanız ve bilgisayar ekranınızdaki bir görüntüye, web sitesine veya pencereye belirli bir renkle eşleşen bir öğe eklemek istiyorsanız, rengin hex kodunu bulmanız gerekir. Bu wikiHow makalesi sana, herhangi bir rengin hex kodunu hızlı bir şekilde belirlemek için çeşitli ücretsiz araçları nasıl kullanacağını öğretir.
adımlar
Yöntem 1/4: Dijital Renk Ölçer'i Mac'te Kullanma
Adım 1. Mac'inizde Digital Color Meter'ı açın
macOS ile birlikte gelen bu araç, ekrandaki herhangi bir rengin renk değerini tanımlayabiliyor. Finder'ı açın, çift tıklayın Uygulamalar klasörüne çift tıklayın Araçlar klasörünü seçin ve ardından çift tıklayın. Dijital Renk Ölçer açmak için.
Adım 2. Fare imlecini belirlemek istediğiniz renge getirin
Fareyi hareket ettirdikçe, araçtaki değerler gerçek zamanlı olarak güncellenecektir. Hem yatay hem de dikey açıklıkları kilitleyene kadar farenizi bu konumdan hareket ettirmeyin.
Aracı, web'deki renkleri tanımlamak için de kullanabilirsiniz. Safari'yi (veya tercih ettiğiniz tarayıcıyı) açın ve tanımlamak istediğiniz rengi içeren bir web sitesine gidin
Adım 3. ⌘ Command+L tuşlarına basın
Bu, hem yatay hem de dikey açıklıkları kilitler; bu, fareyi hareket ettirdiğinizde renk değerinin değişmeyeceği anlamına gelir.
Adım 4. Onaltılı kodu panoya kopyalamak için ⇧ Shift+⌘ Command+C tuşlarına basın
Ayrıca, onaltılık kodu, simgesine tıklayarak da kopyalayabilirsiniz. Renk menü ve seçme Rengi Metin Olarak Kopyala.
Adım 5. Kopyalanan kodu yapıştırmak için ⌘ Command+V tuşlarına basın
Bunu doğrudan HTML kodunuza, bir metin dosyasına veya başka bir yazma alanına yapıştırabilirsiniz.
Adım 6. Açıklıkların kilidini açmak için ⌘ Command+L tuşlarına basın
Başka bir renk tanımlamak istiyorsanız, bu, kilidi serbest bırakır, böylece imleç bir kez daha bir renk değeri tanımlayıcısı olarak işlev görür.
Yöntem 2/4: Windows için Color Cop'u Kullanma
Adım 1. Color Cop'u yükleyin
Color Cop, ekrandaki herhangi bir rengin hex kodunu hızlı bir şekilde tanımlamak için kullanabileceğiniz küçük, ücretsiz bir yardımcı programdır. Uygulamayı nasıl edineceğiniz aşağıda açıklanmıştır:
- Bir web tarayıcısında https://colorcop.net/download adresine gidin.
- Tıklamak colorcop-setup.exe "kendi kendine kurulum" altında. Dosya otomatik olarak indirilmezse, Kaydetmek veya Tamam İndirmeyi başlatmak için.
- İndirilen dosyaya çift tıklayın (İndirilenler klasöründe bulunur ve genellikle tarayıcı sekmesinin sol alt köşesinde bulunur).
- Uygulamayı yüklemek için ekrandaki talimatları izleyin.
Adım 2. Color Cop'u açın
Başlat menünüzde bulacaksınız.
Adım 3. Damlalık simgesini tanımlamak istediğiniz renge sürükleyin
Diğer uygulamalardaki ve web sitelerindekiler de dahil olmak üzere ekrandaki herhangi bir rengi tanımlayabilirsiniz.
Adım 4. Onaltılı kodu ortaya çıkarmak için fare düğmesini bırakın
Kod, uygulamanın ortasındaki boşlukta görünecektir.
Adım 5. Onaltılı kodu çift tıklayın ve Ctrl+C tuşlarına basın
Bu, hex kodunu panonuza kopyalar.
Adım 6. Kodu ihtiyacınız olan yere yapıştırın
Kullanabilirsiniz Ctrl + V hex kodunu HTML veya CSS kodunuz gibi istediğiniz yere yapıştırmak için.
Yöntem 3/4: Imagecolorpicker.com'u Kullanma
Adım 1. Bilgisayarınızda, telefonunuzda veya tabletinizde https://imagecolorpicker.com adresine gidin
Yüklenen bir görüntüdeki herhangi bir rengin onaltılı kodunu belirlemek için bu ücretsiz aracı kullanabilirsiniz. Bu yöntem, Android, iPhone veya iPad'inizdekiler de dahil olmak üzere herhangi bir web tarayıcısında çalışacaktır.
Adım 2. Bir resim yükleyin veya bir URL girin
Kendi resminizi yüklemek mi yoksa halihazırda çevrimiçi olan bir resmi veya web sitesini mi kullanmak istediğinize karar vermeniz gerekir. İstediğiniz rengi seçmeniz için bir resim veya web sayfasını görüntülemek için her iki yöntem de kullanılabilir.
- Bir resim yüklemek için aşağı kaydırın ve Resminizi yükleyin, bilgisayarınızdaki, telefonunuzdaki veya tabletinizdeki resme gidin ve yükleme seçeneğini belirleyin.
- Bir web sitesini kullanmak için, "Bir web sitesinden HTML renk kodunu almak için bu kutuyu kullanın" seçeneğine gidin, URL'yi girin ve ardından tıklayın veya dokunun web sitesi al.
- Tüm web sitesi yerine web'de doğrudan bir resim seçmek için, "Bu URL aracılığıyla bir resimden HTML renk kodunu almak için bu kutuyu kullanın" kutusuna resmin URL'sini girin, ardından tıklayın veya dokunun resim çek.
Adım 3. Resim/site önizlemesinde istediğiniz renge tıklayın veya dokunun
Bu, ekranın sol alt köşesinde renk onaltılı kodunu görüntüler.
4. Adım. Onaltılı kodu panonuza kopyalamak için kopya simgesine tıklayın veya dokunun
Onaltılı kodun sağındaki örtüşen iki karedir. Daha sonra herhangi bir metin dosyasına veya yazma alanına yapıştırabilirsiniz.
Yöntem 4/4: Firefox'u Kullanma (Web'deki Renkler için)
Adım 1. PC'nizde veya Mac'inizde Firefox'u açın
Firefox web tarayıcısı, web'deki herhangi bir rengin onaltılı kodunu belirlemek için kullanabileceğiniz ücretsiz bir Damlalık aracıyla birlikte gelir. Firefox'unuz varsa, Başlat menüsünde (Windows) veya Uygulamalar klasöründe (macOS) bulacaksınız.
- Firefox'u https://www.mozilla.org/en-US/firefox adresinden ücretsiz olarak indirebilirsiniz.
- Firefox size yalnızca bir web sitesindeki bir rengin değerini söyleyecektir. Tarayıcı dışında kullanamazsınız.
Adım 2. Tanımlamak istediğiniz rengi içeren bir web sitesine gidin
Rengine ihtiyacınız olan öğenin görünümde olduğundan emin olun.
Adım 3. Menüyü ☰ tıklayın
Firefox'un sağ üst köşesindeki üç yatay çizgidir.
Adım 4. Web Geliştirici menüsünü tıklayın
Başka bir menü genişleyecektir.
Adım 5. Damlalık'a tıklayın
Fare imleciniz büyük bir daireye dönüşecektir.
Adım 6. Tanımlamak istediğiniz rengi tıklayın
Fareyi konuma getirdiğinizde renk güncellemesinin onaltılık değerini canlı olarak fark edeceksiniz. Fareyi tıkladığınızda, Firefox hex kodunu panonuza kaydeder.
Adım 7. Kodu ihtiyacınız olan yere yapıştırın
Kullanabilirsiniz Kontrol + V (PC) veya Komut + V (Mac) onaltılık kodu HTML, CSS veya başka bir metin dosyası türüne yapıştırmak için.
İpuçları
- Tonun onaltılı kodunu ortaya çıkarmak için bir renk seçici kullanmanıza da izin verecek başka web siteleri, tarayıcı uzantıları ve resim düzenleme programları da vardır.
- Web sayfasını eşleştirmeye çalıştığınız renkle kimin oluşturduğunu biliyorsanız, onlara her zaman hangi hex kodunu kullandıklarını sorabilirsiniz. Alternatif olarak, orada listelenen onaltılı kodu bulmak için web sitesinin kaynak kodunu inceleyebilirsiniz.