HSL'den HEX'e

HSL ile HEX karşılaştırması

CSS 3, HSL kullanarak rengi tanımlamanın başka bir yolunu sunar (İngilizceden. Ton, Doygunluk, Açıklık). rengin üç parametre ile belirlendiği bir modeldir: ton, doygunluk ve açıklık. Her parametreye ayrı ayrı bakalım. HSL'nin temel avantajı, renk özelliklerini birbirinden bağımsız olarak belirleyebilme yeteneğidir. Bu, sizin için muazzam fırsatlar yaratır. Rengi kolayca daha parlak, daha koyu, daha doygun veya doymamış hale getirebilirsiniz. Ve gölgesini korurken. Veya tam tersi - doygunluklarını veya parlaklıklarını değiştirmeden tonları değiştirin. Genellikle, bu tür özellikleri kullanmak için önişlemciler kullanılır, ancak bunlar olmadan da mümkündür. HSL renklerini belirtmek için hsl () işlevi kullanılır. İşlev, virgülle ayrılmış üç değer alır: Ton, Doygunluk ve Açıklık. Doygunluk ve parlaklık değerlerini değiştirerek, belirli bir renk için bitişik tonlar elde edebilirsiniz.

Çoğu durumda, çiftlerin yalnızca ilk rakamlarını dikkate alarak bir rengi onaltılık bir kodla tanımak mümkündür. Aşağıdaki örnekte, rengin çok fazla kırmızı ve biraz mavi ile karıştırıldığı ve hiç yeşil olmadığı açıktır. Rengi onaltılık kodla anlamak, bir web tasarımcısının sayfa kodunda daha hızlı gezinmesini sağlar ve ayrıca, iş arkadaşlarınızı veya müşterilerinizi her zaman Ah, ne harika bir bordo tonu diyerek etkileyebilirsiniz. Ayrıca bir rengin yalnızca onaltılık kodunu düzenleyerek parlaklığını, tonunu veya doygunluğunu kolayca değiştirebilirsiniz. Aşağıdaki ilk örnekte, renk parlaklığı artarken çiftlerden biri% 10'luk adımlarla değiştirilmiştir. İkinci örnekte, parlaklık artar, ancak doygunluk düşer. RGB değerleri, şu biçimdeki onaltılık (HEX) renk değerleri kullanılarak da belirtilebilir: #RRGGBB, burada RR (kırmızı), GG (yeşil) ve BB (mavi) 00 ile FF arasındaki onaltılık değerlerdir (ondalık 0- 255). Onaltılık sistem, ondalık sistemin aksine, adından da anlaşılacağı gibi 16 sayısına dayanır.