Převod HEX na RGBA
Převeďte kód HEX na hodnotu rgba(), kterou úpravou čísla alfa uděláte poloprůhlednou.
Hodnota hex
Výsledek · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Jak na to: HEX na RGBA
- 1
Zadejte barvu
Napište kód barvy nebo ji vyberte pomocí výběru barvy — každé pole přijímá formát, který zobrazuje.
- 2
Podívejte se na převod
Výsledek se aktualizuje okamžitě během psaní, spolu s živým náhledem barvy.
- 3
Zkopírujte kód
Zkopírujte potřebnou hodnotu jedním kliknutím a vložte ji do svého návrhu, CSS nebo nastavení tisku.
O HEX a RGBA
RGBA je RGB se čtvrtou složkou, alfa kanálem, který nastavuje krytí od 0 (zcela průhledné) po 1 (zcela neprůhledné). Standardní šestimístný kód HEX, například #6A5ACD, žádnou průhlednost nenese, proto ho převodník vrátí jako rgba(106, 90, 205, 1) — stejnou barvu s plným krytím.
Aby byla průsvitná, změňte poslední číslo: rgba(106, 90, 205, 0.5) je napůl průhledná a 0.15 dá jemný nádech. Takto se obvykle vytvářejí překryvy přes fotky, jemné stíny, zvýraznění při najetí a průsvitná pozadí bez definování zvláštní světlejší barvy. Na rozdíl od vlastnosti opacity ovlivní alfa v rgba() jen tuto jednu barvu, takže text uvnitř poloprůhledného boxu zůstane ostrý.
Moderní CSS přijímá i osmimístné kódy HEX s alfou, jako #6A5ACD80, ale rgba() se lépe čte i upravuje a funguje i ve starších prohlížečích a e-mailových klientech.
Vše běží lokálně ve vašem prohlížeči — vaše obrázky se nikdy nenahrávají na server.