OKLCH
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/oklch/" 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/oklch/
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/oklch/)
Use the native HTML custom element.
Açıklık, kroma ve tonu kullanan modern ve algısal olarak tekdüze bir renk uzayı; dijital tasarım iş akışları için CIELAB'ın geliştirilmiş hali.
OKLCH is based on the Oklab color space created by Bjorn Ottosson in 2020. It uses L for lightness (0-1), C for chroma (colorfulness), and H for hue angle (0-360). OKLCH improves on CIELAB by providing better perceptual uniformity, especially in the blue region where CIELAB has known issues. CSS Color Level 4 includes oklch() as a native function, making it increasingly relevant for web development. OKLCH is particularly powerful for generating consistent color palettes because equal chroma values produce colors that look equally vivid regardless of hue.
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.
Veri Hikaye Anlatımı için Renk: Varsayılan Grafik Renklerinin Ötesine Geçmek
Veri hikayeciliği için varsayılan grafik renklerinin ötesine geçin. Sıralı, diverjans ve kategorik paletleri ve D3/Chart.js renk ölçeklerini öğrenin.
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.
CSS light-dark() Fonksiyonu: Yerel Tema Değiştirme
Yerel tema değiştirme için CSS light-dark() kullanın. JavaScript toggle'larını tek CSS işleviyle açık ve karanlık mod renkleri için değiştirin.