Convertor HEX în RGBA
Convertiți un cod HEX într-o valoare rgba() pe care o puteți face semitransparentă modificând numărul alfa.
Valoare hex
Rezultat · 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%)
Mod de utilizare: HEX în RGBA
- 1
Introduceți o culoare
Tastați un cod de culoare sau alegeți o culoare cu selectorul — fiecare câmp acceptă formatul pe care îl afișează.
- 2
Vedeți conversia
Rezultatul se actualizează instantaneu pe măsură ce tastați, împreună cu o previzualizare în timp real a culorii.
- 3
Copiați codul
Copiați valoarea de care aveți nevoie cu un singur clic și lipiți-o în design, în CSS sau în setările de imprimare.
Despre HEX și RGBA
RGBA este RGB cu o a patra componentă, alfa, care stabilește opacitatea de la 0 (complet transparent) la 1 (complet opac). Un cod HEX standard de șase cifre, precum #6A5ACD, nu conține transparență, așa că convertorul îl returnează ca rgba(106, 90, 205, 1) — aceeași culoare la opacitate completă.
Pentru a o face transparentă, schimbați ultimul număr: rgba(106, 90, 205, 0.5) este pe jumătate transparent, iar 0.15 dă o nuanță discretă. Acesta este modul obișnuit de a crea suprapuneri pe fotografii, umbre subtile, evidențieri la hover și fundaluri translucide fără a defini o culoare separată mai deschisă. Spre deosebire de proprietatea opacity, canalul alfa din rgba() afectează doar acea culoare, așa că textul dintr-o casetă semitransparentă rămâne clar.
CSS-ul modern acceptă și coduri HEX de opt cifre cu alfa, precum #6A5ACD80, dar rgba() este mai ușor de citit și de editat și funcționează și în browserele și clienții de e-mail mai vechi.
Totul rulează local, în browserul dvs. — imaginile nu sunt niciodată încărcate pe un server.