Forumlar
Yeni Mesajlar
CerezExtra
EĞLENCE ↓
Şans Kurabiyesi
Renk Falınız
ÇerezRADYO
Sevgiliye Özel
ÇerezDERGİ
Hızlı Okuma Testleri
Pratik Çözümler
Yeniler
Yeni Mesajlar
Yeni ürünler
Yeni kaynaklar
Son Aktiviteler
İndir
En son incelemeler
Dükkan
Giriş
Kayıt
Yeniler
Yeni Mesajlar
Menu
Giriş
Kayıt
Uygulamayı yükle
Yükle
Merhaba
Ziyaretçi
.
"Yapay Zeka Objektif " Fotoğraf Yarışması başladı. İlgili konuya
BURADAN
ulaşabilirsiniz. Sizi de bu yarışmada görmek isteriz...
Forumlar
Bilgisayar & Cep & Teknoloji
WebMaster Bölümü
Web tasarımında renk uyumu ve transparan renk kullanımı
JavaScript devre dışı bırakıldı. Daha iyi bir deneyim için, devam etmeden önce lütfen tarayıcınızda JavaScript'i etkinleştirin.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Konuya cevap yaz
Mesaj
<blockquote data-quote="YoRuMSuZ" data-source="post: 991341" data-attributes="member: 1"><p><span style="font-size: 18px">Web tasarımı çalışmalarında başlangıçta kullanılan cafcaflı renkler yerine zaman geçtikçe birbirine uyumlu, az sayıda renklerin ustalıkla ve uyum içinde kullanıldığı tasarımlara geçiliyor. </span></p><p></p><p><strong>Bu konuda da yeni başlayanlar için uyumlu renklerin seçimi ve renkleri transparan (saydam) olarak kullanımı üzerinde durulacak. Hemen başlayalım.</strong></p><p></p><p></p><p>Renkleri istenilen düzeyde saydamlaştırabilmek için renklerin RGB değerlerine ihtiyacımız var. Bunu için <a href="https://bit.ly/2hKaum0" target="_blank"><strong>ŞURADAKİ</strong></a> siteyi kullanabilirsiniz.</p><p></p><p>Örneğin kırmızı HEX kodu: FF0000 - RGB kodu: rgb(255, 0, 0)</p><p>[ATTACH=full]75447[/ATTACH]</p><p></p><p></p><p>Renkler konusunda temel bilgi sahibi olduğunuzu var varsayarak devam edelim.</p><p></p><p></p><p>Gelelim renklerin saydamlaştırılmasına... Bunun için rgb yerine rgba kullanıyoruz. Aşağıdaki ekran görüntüsünde kullanım net şekilde gösterilmektedir. Bu görüntüye göre;</p><p></p><p>Siyah rengi %50 saydamlaştırmak için: [ICODE]rgba(0, 0, 0, 0.5)[/ICODE] şeklinde kullanıyoruz. 0.5 değeri saydamlık değerini belirtir.</p><p></p><p>Aynı şekilde diğer renkler içinde istediğiniz ölçüde renkleri transparan yapabilirsiniz. </p><p></p><p>Örneğin: RGB değerlerinden sonra 0.1 kullanırsanız rengin sadece % 10 u gösterilir. </p><p>[ATTACH=full]75451[/ATTACH]</p><p></p><p></p><p>Renklerin transparan hale getirmek tasarımda çok şık sonuçlara ulaşmanızı sağlar. Arkaplanda kalan renklerin, resimleri vs istediğiniz ölçüde görünümü bu şekilde sağlayabilirsiniz...</p><p></p><p>Örnek kullanım, sarı background rengi % 50 oranında saydamlaştırıldı...</p><p>[ATTACH=full]75459[/ATTACH]</p><p></p><p></p><p></p><p><strong>Not: </strong>İlgili konu olarak <strong>opacity </strong>kullanımı konusunda araştırma yapmanız önerilir.</p></blockquote><p></p>
[QUOTE="YoRuMSuZ, post: 991341, member: 1"] [SIZE=5]Web tasarımı çalışmalarında başlangıçta kullanılan cafcaflı renkler yerine zaman geçtikçe birbirine uyumlu, az sayıda renklerin ustalıkla ve uyum içinde kullanıldığı tasarımlara geçiliyor. [/SIZE] [B]Bu konuda da yeni başlayanlar için uyumlu renklerin seçimi ve renkleri transparan (saydam) olarak kullanımı üzerinde durulacak. Hemen başlayalım.[/B] Renkleri istenilen düzeyde saydamlaştırabilmek için renklerin RGB değerlerine ihtiyacımız var. Bunu için [URL='https://bit.ly/2hKaum0'][B]ŞURADAKİ[/B][/URL] siteyi kullanabilirsiniz. Örneğin kırmızı HEX kodu: FF0000 - RGB kodu: rgb(255, 0, 0) [ATTACH type="full" alt="Renklerin HEX ve RGB kodları"]75447[/ATTACH] Renkler konusunda temel bilgi sahibi olduğunuzu var varsayarak devam edelim. Gelelim renklerin saydamlaştırılmasına... Bunun için rgb yerine rgba kullanıyoruz. Aşağıdaki ekran görüntüsünde kullanım net şekilde gösterilmektedir. Bu görüntüye göre; Siyah rengi %50 saydamlaştırmak için: [ICODE]rgba(0, 0, 0, 0.5)[/ICODE] şeklinde kullanıyoruz. 0.5 değeri saydamlık değerini belirtir. Aynı şekilde diğer renkler içinde istediğiniz ölçüde renkleri transparan yapabilirsiniz. Örneğin: RGB değerlerinden sonra 0.1 kullanırsanız rengin sadece % 10 u gösterilir. [ATTACH type="full" alt="Saydam renk oluşturma"]75451[/ATTACH] Renklerin transparan hale getirmek tasarımda çok şık sonuçlara ulaşmanızı sağlar. Arkaplanda kalan renklerin, resimleri vs istediğiniz ölçüde görünümü bu şekilde sağlayabilirsiniz... Örnek kullanım, sarı background rengi % 50 oranında saydamlaştırıldı... [ATTACH type="full" alt="Örnek transparan kullanımı"]75459[/ATTACH] [B]Not: [/B]İlgili konu olarak [B]opacity [/B]kullanımı konusunda araştırma yapmanız önerilir. [/QUOTE]
Alıntıları ekle...
İsim
Spam kontrolü
Sarı kırmızı renkleri ile ünlü futbol takımımız?
Cevapla
Forumlar
Bilgisayar & Cep & Teknoloji
WebMaster Bölümü
Web tasarımında renk uyumu ve transparan renk kullanımı
Top