HSLA → HSB / HSV dönüştürücü
Bir HSLA değeri yapıştırın, HSB / HSV karşılığını anında alın. Diğer formatlar da çalışır.
Algılanan: HSL
Aynı renk saydamlık olmadan, düz HSB / HSV olarak
Rengi ayarla
Diğer tüm formatlar
Opaklık tablosu: HEX alfa ve HSLA
8 haneli HEX kodunda son iki hane opaklığı belirler: FF tamamen opak, 80 yaklaşık %50, 00 tamamen saydamdır. Tablo örnek rengi %5 adımlarla gösterir.
| Opaklık | HEX alfa | HEX | HSLA |
|---|---|---|---|
| 100% | ff | #ff5733 | hsla(10.59, 100%, 60%, 1) |
| 95% | f2 | #ff5733f2 | hsla(10.59, 100%, 60%, 0.95) |
| 90% | e6 | #ff5733e6 | hsla(10.59, 100%, 60%, 0.9) |
| 85% | d9 | #ff5733d9 | hsla(10.59, 100%, 60%, 0.85) |
| 80% | cc | #ff5733cc | hsla(10.59, 100%, 60%, 0.8) |
| 75% | bf | #ff5733bf | hsla(10.59, 100%, 60%, 0.75) |
| 70% | b3 | #ff5733b3 | hsla(10.59, 100%, 60%, 0.7) |
| 65% | a6 | #ff5733a6 | hsla(10.59, 100%, 60%, 0.65) |
| 60% | 99 | #ff573399 | hsla(10.59, 100%, 60%, 0.6) |
| 55% | 8c | #ff57338c | hsla(10.59, 100%, 60%, 0.55) |
| 50% | 80 | #ff573380 | hsla(10.59, 100%, 60%, 0.5) |
| 45% | 73 | #ff573373 | hsla(10.59, 100%, 60%, 0.45) |
| 40% | 66 | #ff573366 | hsla(10.59, 100%, 60%, 0.4) |
| 35% | 59 | #ff573359 | hsla(10.59, 100%, 60%, 0.35) |
| 30% | 4d | #ff57334d | hsla(10.59, 100%, 60%, 0.3) |
| 25% | 40 | #ff573340 | hsla(10.59, 100%, 60%, 0.25) |
| 20% | 33 | #ff573333 | hsla(10.59, 100%, 60%, 0.2) |
| 15% | 26 | #ff573326 | hsla(10.59, 100%, 60%, 0.15) |
| 10% | 1a | #ff57331a | hsla(10.59, 100%, 60%, 0.1) |
| 5% | 0d | #ff57330d | hsla(10.59, 100%, 60%, 0.05) |
| 0% | 00 | #ff573300 | hsla(10.59, 100%, 60%, 0) |
HSLA → HSB / HSV örnekleri
HSLA ve HSB / HSV hakkında
HSLA, opaklık için alfa kanalı eklenmiş HSL’dir ve hsla(11, 100%, 60%, 0.5) şeklinde yazılır. Alfa 0 (tamamen saydam) ile 1 (tamamen opak) arasındadır; modern CSS bunu hsl() içinde de kabul eder.
HSB olarak da bilinen HSV; renk özü, doygunluk ve parlaklık (value) kullanır. Photoshop, Figma ve çoğu renk seçici kare seçim alanında bunu kullanır.
Dönüştürme nasıl çalışır
HSLA değerini okuyup CSS Color 4 spesifikasyonundaki matrislerle CIE XYZ’ye, oradan da HSB / HSV formatına çeviriyoruz. Hedef gamın dışında kalan değerler, açıklığı ve renk özünü koruyup kromayı azaltan CSS Color 4 algoritmasıyla gama sığdırılır.
Sorular ve yanıtlar
HSLA değerini HSB / HSV formatına nasıl dönüştürürüm?
Yukarıdaki alana bir HSLA değeri yapıştırın veya yazın. PickShade siz yazarken değeri CSS Color 4 formülleriyle dönüştürür, HSB / HSV değerini de tek tıkla kopyalarsınız.
HSLA → HSB / HSV dönüşümü kesin mi?
Hesaplama kesindir; sonuç yalnızca gösterim için yuvarlanır ve aynı renge geri dönüştürmeye yetecek kadar basamak içerir. Renk hedef gama sığmıyorsa PickShade sizi uyarır ve sığan en yakın rengi gösterir.
Aynı anda başka formatları da alabilir miyim?
Evet. OKLCH, Display P3, Tailwind, SwiftUI, Flutter ve Android dahil diğer tüm formatlar sonucun altında listelenir ve tek tıkla kopyalanır.
Bu dönüştürücü ücretsiz mi?
Evet. Ücretsizdir, üyelik gerektirmez ve tamamen tarayıcınızda çalışır.