Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Emre adlı bir eğitmen tarafından sunulan CSS dersidir. Eğitmen, Sublime Text ve tarayıcı kullanarak renk özelliklerini anlatmaktadır.
- Videoda CSS'de kullanılan renk özellikleri detaylı şekilde ele alınmaktadır. Eğitmen önce hex, RGB ve HSL renk paletlerini tanıtarak, bunların nasıl çalıştığını açıklamakta, ardından doğrudan renk isimleri, hex kodları, RGB kodları ve HSL sistemi kullanarak renk belirleme yöntemlerini pratik örneklerle göstermektedir. Ayrıca saydamlık (opacity) özellikleri de anlatılmaktadır.
- Eğitmen her bir renk yöntemi için kod örnekleri yazarak, renk değerlerinin nasıl ayarlanacağını ve sonuçların nasıl görüneceğini göstermektedir. Video, CSS'de renk özellikleri öğrenmek isteyenler için temel bilgiler sunmaktadır.
- CSS'de Renk Özellikleri
- CSS'de renk özellikleri konusu işlenecek.
- En çok kullanılan renk paleti hex renk kodlarıdır.
- RGB (red, green, blue) ve HSL (hue saturation lighting) renk paletleri vardır, ancak en çok kullanılanları hex ve RGB'dir.
- 00:58Renk Kodları
- Yaklaşık 140 tane doğrudan isim kullanılarak kullanılan renk vardır.
- Hex kodları CSS ve HTML'de en fazla kullanılan kodlardır.
- RGB kod paleti, hex kodların onluk düzende yazılmasıdır ve üç argüman taşır: kırmızı, yeşil ve mavi yoğunluğu.
- 02:28Hex Kodlarının Çalışma Prensibi
- Hex kodları ikiye ayrılır: ilk iki karakter kırmızı, son iki karakter yeşil, üçüncü iki karakter mavi yoğunluğunu temsil eder.
- Hex kodları onaltılık tabanda yazılmıştır.
- Onaltılık tabanda 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 rakamları ve A, B, C, D, E, F harfleri kullanılır.
- 04:25Renk Özelliklerinin Kullanımı
- Renk belirlemek için "color" özelliği kullanılır ve iki nokta üst üste ile bitirilir.
- Doğrudan renk ismi, hex kodu veya RGB kodu kullanılabilir.
- Sözde sınıf seçiciler (örneğin "h2") kullanılarak belirli bir etiket için renk ayarlanabilir.
- 09:40HSL Renk Paleti
- HSL (hue saturation lighting) renk paleti farklı çalışır.
- HSL'de ilk argüman 0'dan 360 arasında bir değer alır ve renk paletindeki rengi seçer.
- İkinci argüman doygunluğu, üçüncü argüman ise ışık seviyesini belirtir.
- 11:48Renk Kodları ve Saydamlık
- Renk kodları yanlış yazıldığında farklı renkler elde edilebilir, örneğin yeşilimsi bir renk yerine kırmızı çıkabilir.
- Renk kodlarında opasite (alfa) özelliği saydamlık sağlar ve renk kodunun sonuna "a" harfi eklenerek dört argümanlı hale getirilir.
- Saydamlık değeri 0,5 ile 1,00 arasında değişir ve bu değer arttıkça renk daha soluk görünür, 0,5 değeri yüzde elli saydamlık anlamına gelir.
- 12:37Saydamlık Örneği
- Saydamlık özelliği göstermek için "alfa" adında bir div class oluşturuldu ve 200 piksel genişliğinde, 100 piksel yüksekliğinde bir kutu oluşturuldu.
- Kutunun arka plan rengi "red" olarak ayarlandığında, kutunun içi boş olduğu için arkadaki yazılar gözüktü.
- Saydamlık değeri 0,5 olarak ayarlandığında, kutunun rengi daha soluk göründü ve arkasındaki yazılar tekrar gözüktü.