CSS renk özellikleri. renk kodları

araçlardan biri web sayfası stillerini değiştirmek için - CSS renk. Bu ayarı değiştirmek için çeşitli yollar vardır. Her avantaj ve dezavantajları vardır.

isim

Renk özelliği öğenin rengini ayarlar. başlıkların 145 tonları CSS dahil. Bunlar arasında (örneğin kırmızı, lawngreen gibi) ve kompleks (siyah, mavi gibi) basit vardır.

Sert tüm liste hatırlamak, stil sayfasının adı nadiren kullanılır.

RGB

TV'ler çoğu, akıllı telefonlar, monitörler RGB renk modeli ile çalışır. Yani herhangi bir renk, kırmızı, yeşil ve mavi ana renkler, bir kombinasyonu ayarlanabilir vardır. . Benzer bir yaklaşım, her iki cihazlarda kullanılan ve CSS içinde olduğu. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Renk mümkün renklerin sayısı 16777216 eşittir 0 ile 255 arasında, temel bileşimin almak değerleridir.

RGB (255, 255, 255) - RGB modeli, doğrudan renk görüntüleme fiziksel yasalara bağlı olduğu için, siyah RGB (0, 0, 0), beyaz, içinde belirtilir. alfa kanal ilavesi ile, RGB tamamen benzer RGBA sistemi. Bu arka plan gölge harmanlayarak şeffaflığı etkiler. elemanın bu durumda "alt-tabaka" göre değişecektir.

HSL

, Bir renk tekerleği göndermenize gerek nasıl HLS sistemi anlamak için. Merkezinde gökkuşağının kırmızı, daha sonra (saat yönünde) diğer tüm renkler. цвета при помощи системы HLS требуется задать три параметра: HLS sistemi kullanılarak CSS renkleri belirlemek için üç parametre gerekir:

• (Derece) renk tonuna - daire merkezinin yönü;
• doygunluk (yüzde) - ne kadar renk İhtiyacınız;
• (Yüzde olarak) parlaklık.

Örneğin, mor bir şekilde tespit edilebilir: hsl (315,% 100,% 45). HSL deneyler için en uygundur. okuduktan sonra renk çarkı, sen stil kabaca belli bir elemanı set ne renk temsil izlerken olurken. HSLA - Aynı HLS, sadece alfa: HSL (0 100,% 50, 0.6) - kırmızı, şeffaf biraz daha yarısından.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS olarak, bu tür değer # FF4500 tarafından belirlenen turuncu gibi, onaltılık gösterimini kullanarak rengi belirtebilirsiniz.

Ne onaltılık gösterimi daha iyi anlamak için, 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.

RGB gibi, HEX renkler ana renkler kullanmak ne oranlarda gösterir. (: # FFD500 renk) Bu durumda, virgülle ayırarak değildir. Her iki karakter kırmızı, yeşil ve mavi sayısını belirtin.

CSS. Kural olarak, HEX sistemi doğru CSS rengini bulmak imkansız olduğundan, deneyler sırasında kullanılmaz. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. tablo bu konuda yardımcı olabilir, ancak sürekli kendisine tavsiye edersem, iş gecikecek. Şablon grafik editörü transfer edildiğinde Onaltılık gösterimi en uygundur. Sadece bir basamaktan üç turdan fazla kopyalamak için çok daha kolaydır.

Hangi yol en iyisidir?

Bu nedenledir ki, hiçbir şey beton söyleyemeyiz. arayüz elemanları şeffaflığı gerekiyorsa, RGBA ve HSLA arasında seçim. Eğer tarayıcı HLS renk tekerleğinde deney yapmak isterseniz en uygun olacaktır. Eğer bir palet kullanarak veya Photoshop tasarım aktarmak durumunda, CSS onaltılık renk kodlarını tercih etmeliyiz.