CSS renk özellikleri. Renk kodları

CSS renk özellikleri. Renk kodları

CSS renk özellikleri. Renk kodları

CSS renk özellikleri. Renk kodları

Web sayfalarının stillerini değiştirmek için kullanılan araçlardan biri de CSS rengidir. Bu ayarı değiştirmenin birkaç yolu vardır. Her birinin hem avantajları hem de dezavantajları vardır.

isim

Renk özelliği, öğenin rengini belirtir. CSS'de 145 başlık dahil edilmiştir. Bunlar arasında basit (örneğin, siyah, mavi) ve karmaşık (örneğin kıpkırmızı, çim biçimli).

css renkleri

Tüm listenin hatırlanması zor olduğundan, stil sayfasındaki adlar nadiren kullanılır.

RGB

TV'lerin çoğu, akıllı telefonlar, monitörlerrenk modeli RGB ile çalışın. Yani, herhangi bir gölge kırmızı, yeşil ve mavi içeren ana renklerin bir kombinasyonu ile ayarlanabilir. Bu yaklaşım hem cihazlarda hem de CSS'de kullanılır.. renkTemel kompozisyonun değerleri 0 ila 255 arasındadır. Ve olası ton sayısı 16777216'dır.

RGB modeli, renk görselleştirmesinin fiziksel yasalarıyla doğrudan ilişkili olduğundan, siyah, rgb (0, 0, 0), beyaz rgb (255, 255, 255) olarak tanımlanır.RGBA sistemi tamamen RGB'ye benzer, sadecebir alfa kanalı ekleyerek. Renk tonunu arka plan ile harmanlayan saydamlığı etkiler. Öğenin görünümü "alt tabakaya" bağlı olarak değişecektir.

HSL

HLS sisteminin nasıl çalıştığını anlamak için bir renk tekerleği sağlamanız gerekir. Merkezinde kırmızı, sonra (saat yönünde) gökkuşağı diğer tüm tonları.CSS'de tanım içinHLS sistemini kullanarak renkler, üç parametre ayarlamanız gerekir:

  • renk tonu (derece cinsinden) - dairenin merkezinden gelen yön;
  • doygunluk (yüzde olarak) ne kadar renk gerektiğidir;
  • parlaklık (yüzde cinsinden).

renk css tablosu

Mesela menekşe şöyle tanımlanabilir: hsl (315,% 100,% 45).HSL deneyler için en uygun olanıdır. Renk tekerleğini inceleyerek, stil sayfasını görüntülerken, belirli bir öğeye hangi rengin atandığını tahmin edebilirsiniz.HSLA - aynı HLS, sadece alfa kanalı ile: hsl (0, 100%, 50, 0.6) - kırmızı, yarıdan biraz fazla saydam.

HEX

IçindeCSS renklerionaltılı bir temsil kullanılarak belirtilebilir, örneğin, turuncu değer tarafından belirlenir# FF4500

Neyin daha iyi olduğunu anlamak içinonaltılık gösterimi, ayrıca ondalık sistemine düşünmelisiniz. Bu 0 sayısını daha büyük 9 sayma ihtiyacı bir bit ilave edilir ile 9 arası bir sayıdır, ve bunun bir 9 sonra, içinde, daha sonra 100 10 döner ve heksadesimal notasyonda vb. E. Bütün aynı, ancak, Daha sonra B ve böylece F için - ondalık sisteminde 15 ile aynı. Sonra bir rakam ekleyin ve her zamanki açısından 16 10 çıkıyor.

renk kodları css

RGB’de olduğu gibi, HEX’teki gölgelerorantılar birincil renkleri kullanır. Bunlar virgülle ayrılmazlar (renk: # FFD500). Her iki karakter kırmızı, yeşil ve mavi miktarını belirtir.

Bir kural olarak, HEX sistemi doğru renkler bulmak mümkün olmadığından deneyler sırasında kullanılmaz.CSS. tablobu konuda yardımcı olabilir, ama eğer sürekliOna danışmak için, iş gecikecek. Bir şablon bir grafik editörden aktarılırken onaltılık gösterim en uygun olanıdır. Sonuçta, dönüşümlü olarak üçten daha sadece bir sayı kopyalamak çok daha kolay.

Hangi yol en iyisi?

Bu hesapta somut bir şey söylenemez. Arabirim öğeleri saydamlığa ihtiyaç duyarsa, RGBA ve HSLA arasında seçim yapın. Tarayıcıda denemek istiyorsanız, HLS renk tekerleği en uygun olanı olacaktır. Palet kullanırsanız veya Photoshop'tan bir tasarım taşıdığınızda, onaltılık CSS renk kodlarını tercih etmelisiniz.

CSS renk özellikleri. Renk kodları

CSS renk özellikleri. Renk kodları

Related news

  • Pixie Saç Modeli Kimlere Yakışır
  • Bebeklerde, Çocuklarda Diş Ve Diş Eti İltihabı Neden Olur Nasıl Geçer
  • 1 Haftada 3,5 Kilo Verdiren Diyet Programı
  • Safra kesesi iltihabı
  • Mutfak bir dağ evi tarzındadır. Mutfağın iç kısımlarında stil dağ evleri

  • CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları


    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları

    CSS renk özellikleri. Renk kodları