Convertor HSLA în HSB / HSV
Lipește o valoare HSLA și primești imediat HSB / HSV. Merge și orice alt format.
Recunoscut ca HSL
Aceeași culoare fără transparență, ca HSB / HSV opac
Ajustează culoarea
Toate celelalte formate
Tabel de opacitate: alfa în HEX și HSLA
În HEX cu 8 cifre, ultimele două stabilesc opacitatea: FF este complet opac, 80 înseamnă circa 50%, iar 00 este complet transparent. Tabelul arată culoarea din exemplu din 5 în 5%.
| Opacitate | Alfa în HEX | 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) |
Exemple HSLA în HSB / HSV
Despre HSLA și HSB / HSV
HSLA este HSL cu un canal alfa pentru opacitate, scris ca hsla(11, 100%, 60%, 0.5). Alfa merge de la 0 (complet transparent) la 1 (complet opac), iar CSS-ul modern îl acceptă și în hsl().
HSV, numit și HSB, folosește nuanța, saturația și valoarea (strălucirea). Photoshop, Figma și majoritatea selectoarelor de culori îl folosesc pentru pătratul de selecție.
Cum funcționează conversia
Citim valoarea HSLA, o convertim în CIE XYZ cu matricele din specificația CSS Color 4, apoi în HSB / HSV. Valorile din afara gamutului țintă sunt aduse în gamut cu algoritmul CSS Color 4, care păstrează luminozitatea și nuanța și reduce croma.
Întrebări și răspunsuri
Cum convertesc HSLA în HSB / HSV?
Lipește sau scrie o valoare HSLA în câmpul de mai sus. PickShade o convertește cu formulele CSS Color 4 pe măsură ce scrii, iar un clic copiază valoarea HSB / HSV.
Conversia din HSLA în HSB / HSV este exactă?
Calculele sunt exacte, iar rezultatul este rotunjit doar la afișare, cu suficiente zecimale ca să poți reveni la aceeași culoare. Dacă culoarea nu încape în gamutul țintă, PickShade te avertizează și arată cea mai apropiată culoare care încape.
Pot obține și alte formate în același timp?
Da. Toate celelalte formate, inclusiv OKLCH, Display P3, Tailwind, SwiftUI, Flutter și Android, sunt listate sub rezultat și se copiază dintr-un clic.
Convertorul este gratuit?
Da. Este gratuit, nu cere cont și rulează în întregime în browserul tău.