HEX-ből RGBA átalakító
Alakítson egy HEX kódot rgba() értékké, amelyet az alfa szám módosításával félig átlátszóvá tehet.
hex bemenet
Eredmény · 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%)
Használati útmutató: HEX-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 HEX és az RGBA formátumról
Az RGBA egy negyedik összetevővel, az alfával kiegészített RGB, amely az átlátszatlanságot állítja 0 (teljesen átlátszó) és 1 (teljesen átlátszatlan) között. Egy szabványos hatjegyű HEX kód, például a #6A5ACD nem hordoz átlátszóságot, ezért az átalakító rgba(106, 90, 205, 1) formában adja vissza – ugyanazt a színt teljes átlátszatlansággal.
Ha áttetszővé szeretné tenni, módosítsa az utolsó számot: az rgba(106, 90, 205, 0.5) félig átlátszó, a 0.15 pedig lágy színezést ad. Ez a szokásos módja a fotókra helyezett átfedések, finom árnyékok, rámutatáskori kiemelések és áttetsző hátterek készítésének anélkül, hogy külön világosabb színt kellene definiálni. Az opacity tulajdonsággal ellentétben az rgba() alfája csak az adott színre hat, így a félig átlátszó dobozban lévő szöveg éles marad.
A modern CSS az alfát tartalmazó nyolcjegyű HEX kódokat is elfogadja, például #6A5ACD80, de az rgba() könnyebben olvasható és szerkeszthető, és a régebbi böngészőkben és levelezőprogramokban is működik.
Minden helyben, a böngészőjében fut — a képeit soha nem töltjük fel szerverre.