Konverter HSB / HSV til RGBA
Lim inn en HSB / HSV-verdi og få RGBA med en gang. Andre formater virker også.
Opasitetstabell: HEX-alfa og RGBA
I 8-sifret HEX bestemmer de to siste sifrene opasiteten: FF er helt dekkende, 80 er rundt 50 %, og 00 er helt gjennomsiktig. Tabellen viser eksempelfargen i trinn på 5 %.
| Opasitet | HEX-alfa | HEX | RGBA |
|---|---|---|---|
| 100% | ff | #ff5733 | rgba(255, 87, 51, 1) |
| 95% | f2 | #ff5733f2 | rgba(255, 87, 51, 0.95) |
| 90% | e6 | #ff5733e6 | rgba(255, 87, 51, 0.9) |
| 85% | d9 | #ff5733d9 | rgba(255, 87, 51, 0.85) |
| 80% | cc | #ff5733cc | rgba(255, 87, 51, 0.8) |
| 75% | bf | #ff5733bf | rgba(255, 87, 51, 0.75) |
| 70% | b3 | #ff5733b3 | rgba(255, 87, 51, 0.7) |
| 65% | a6 | #ff5733a6 | rgba(255, 87, 51, 0.65) |
| 60% | 99 | #ff573399 | rgba(255, 87, 51, 0.6) |
| 55% | 8c | #ff57338c | rgba(255, 87, 51, 0.55) |
| 50% | 80 | #ff573380 | rgba(255, 87, 51, 0.5) |
| 45% | 73 | #ff573373 | rgba(255, 87, 51, 0.45) |
| 40% | 66 | #ff573366 | rgba(255, 87, 51, 0.4) |
| 35% | 59 | #ff573359 | rgba(255, 87, 51, 0.35) |
| 30% | 4d | #ff57334d | rgba(255, 87, 51, 0.3) |
| 25% | 40 | #ff573340 | rgba(255, 87, 51, 0.25) |
| 20% | 33 | #ff573333 | rgba(255, 87, 51, 0.2) |
| 15% | 26 | #ff573326 | rgba(255, 87, 51, 0.15) |
| 10% | 1a | #ff57331a | rgba(255, 87, 51, 0.1) |
| 5% | 0d | #ff57330d | rgba(255, 87, 51, 0.05) |
| 0% | 00 | #ff573300 | rgba(255, 87, 51, 0) |
Eksempler: HSB / HSV til RGBA
Om HSB / HSV og RGBA
HSV, også kalt HSB, bruker fargetone, metning og lysstyrke. Photoshop, Figma og de fleste fargevelgere bruker det i det kvadratiske velgerfeltet.
RGBA er RGB med en alfakanal for opasitet, skrevet som rgba(255, 87, 51, 0.5). Alfa går fra 0 (helt gjennomsiktig) til 1 (helt dekkende). Samme opasitet kan skrives som 8-sifret HEX, for eksempel #ff573380.
Slik fungerer konverteringen
Vi leser HSB / HSV-verdien, regner den om til CIE XYZ med matrisene fra spesifikasjonen CSS Color 4 og deretter til RGBA. Verdier utenfor målformatets fargeomfang tilpasses med algoritmen i CSS Color 4, som beholder lyshet og fargetone og reduserer kroma.
Spørsmål og svar
Hvordan konverterer jeg HSB / HSV til RGBA?
Lim inn eller skriv en HSB / HSV-verdi i feltet ovenfor. PickShade konverterer den med formlene i CSS Color 4 mens du skriver, og med ett klikk kopierer du RGBA-verdien.
Er konverteringen fra HSB / HSV til RGBA nøyaktig?
Beregningen er nøyaktig, og resultatet rundes bare av for visning, med nok sifre til å regne tilbake til samme farge. Hvis fargen ikke får plass i målformatets fargeomfang, varsler PickShade deg og viser nærmeste farge som får plass.
Kan jeg få andre formater samtidig?
Ja. Alle andre formater, blant annet OKLCH, Display P3, Tailwind, SwiftUI, Flutter og Android, står under resultatet og kopieres med ett klikk.
Er denne konvertereren gratis?
Ja. Den er gratis, krever ingen registrering og kjører helt i nettleseren din.