HSL-ből RGBA átalakító
Alakítsa az árnyalatot, a telítettséget és a világosságot rgba() értékké, amely CSS-ben átlátszóságra kész.
hsl bemenet
Eredmény · RGBA
rgba(255, 61, 119, 1)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Használati útmutató: HSL-ből RGBA
- 1
Adjon meg egy színt
Írjon be egy színkódot, vagy válasszon színt a színválasztóval — minden mező a feltüntetett formátumot fogadja el.
- 2
Nézze meg az átváltást
Gépelés közben az eredmény azonnal frissül, a szín élő előnézetével együtt.
- 3
Másolja ki a kódot
Egy kattintással másolja ki a kívánt értéket, és illessze be a tervébe, a CSS-be vagy a nyomtatási beállításokba.
A HSL és az RGBA formátumról
A HSL és az RGBA a színekről való gondolkodás két különböző módjából ered. A HSL árnyalattal, telítettséggel és világossággal határozza meg a színt, ami megkönnyíti egymáshoz kapcsolódó árnyalatok tervezését. Az RGBA 0 és 255 közötti vörös, zöld és kék csatornaértékekkel, valamint egy átlátszatlanságot jelző alfacsatornával határozza meg – ezt a formátumot várja sok JavaScript-könyvtár, canvas-rajzoló kód, diagramkészítő eszköz és régebbi CSS-kódbázis.
Az átalakító a HSL értékeit rgba() alakra hozza 1-es alfával, ami teljesen átlátszatlant jelent. Az átlátszósághoz módosítsa ezt az utolsó számot: 0.8 egy kissé áttetsző panelhez, 0.3 egy fotóra helyezett átfedéshez, 0 a láthatatlansághoz. Tipp: a modern CSS-ben közvetlenül a HSL-hez is hozzáadhat alfát, például hsl(160 60% 45% / 0.3), de az rgba() a biztonságosabb választás, ha egy könyvtár vagy e-mail-sablon nem támogatja az újabb szintaxist.
Minden helyben, a böngészőjében fut — a képeit soha nem töltjük fel szerverre.