DevTools, renk değerlerini yazmak yerine renkleri birkaç tıklamayla oluşturmanıza olanak tanır.
Aşağıdaki Geliştirici Araçları İpuçları videosunda, renk oluşturmayla ilgili temel özelliklerin çoğu gösterilmektedir. Ancak video yayınlandıktan sonra birkaç özellik kullanıma sunuldu ve bir özellik kullanımdan kaldırıldı.
Renkleri hızlıca nasıl oluşturacağınızı öğrenmek için videoyu izleyin ve güncellenmiş dokümanları okuyun:
Renk biçimi menüsünü açmak için bir renk değerinin yanındaki renk önizleme kutusunu Üst Karakter tuşunu basılı tutarak tıklayın.
Videoda gösterildiği gibi, renk seçiciyi kullanarak renkleri düzenleyin ve kopyalayın.
Damlalık ile ekranın herhangi bir yerinden renk seçin.
Videoda gösterildiği gibi:
- Açı kadranı ile gradyan değerlerini değiştirin.
- Renk paleti olarak özel CSS değişkenleri kullanın.
Komut menüsü kısayollarıyla biçimi değiştirmek yerine HD ve HD olmayan renkleri dönüştürmek için renk biçimi menüsünü kullanın.
Videoda gösterildiği gibi, CSS'ye Genel Bakış paneliyle sayfanızdaki tüm renklere genel bir bakış edinin.
Daha fazla bilgi için aşağıdaki sayfaları inceleyin: