HSL
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/hsl/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/hsl/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/hsl/)Use the native HTML custom element.
Renkleri ton, doygunluk ve açıklık değerleriyle tanımlayan silindirik renk modeli; insan renk seçimi için sezgisel olacak şekilde tasarlanmıştır.
HSL represents color as an angle on the color wheel (hue, 0-360), a percentage of color intensity (saturation, 0-100%), and a percentage of lightness (0-100% where 0% is black and 100% is white). At 50% lightness, the pure hue is displayed. HSL is widely used in CSS (the hsl() function) because it makes it easy to create tints, shades, and tones by adjusting a single parameter. It is more intuitive than RGB for design work but has the limitation of not being perceptually uniform, meaning equal numeric changes do not always produce equal visual changes.
Deneyin
İlgili Makaleler
CSS color-mix(): Tarayıcıda Yerel Olarak Renk Karıştırma
Tarayıcıda renkleri yerel olarak karıştırmak için CSS color-mix() öğrenin. Sözdizimi, renk uzayları ve JavaScript olmadan dinamik palet oluşturma.
Sıfırdan Renk Seçici Web Bileşeni Oluşturma
Erişilebilir bir renk seçiciyi Web Bileşeni olarak oluşturun. Shadow DOM ile canvas render, ton kaydırıcıları, alfa kanalları ve özel olayları uygulayın.
Algısal Renk Uzayları: Lab, LCH, Oklab, OKLCH
Algısal renk uzaylarını keşfedin: CIE Lab, LCH, Oklab ve OKLCH. Her birinin üstünlükleri ve CSS ile tasarım için hangisini kullanacağınız.
Emerald vs Jade vs Forest Green: Yeşil Karşılaştırma Rehberi
Emerald (#50C878), jade (#00A86B) ve forest green (#228B22) karşılaştırması. Bu popüler yeşil tonlar arasındaki görsel ve hex kod farklılıklarını öğrenin.
Cyan ve Turquoise Arasındaki Fark
Cyan (#00FFFF) ve turquoise (#40E0D0) benzer görünür ancak renk modeli konumu, doygunluk ve kullanım açısından temel farklılıklar taşır.
Renk API'si Tasarlamak: Renk Verisi için REST Uç Noktaları
Renk dönüşümü, arama, kontrast kontrolü ve palet oluşturma için uç noktalara sahip bir RESTful renk API'si tasarlayın. Şema tasarımı ve en iyi uygulamaları öğrenin.