RGB–hexadecimális átalakító
Állítsd be a csúszkákat, vagy illessz be egy HEX-kódot az alábbi mezőbe, hogy azonnal átválthass RGB, HEX és HSL formátumok között, élő színelőnézettel – mindez a készülékeden történik.
Színbeállítás
Átszámított kimenet
Vélemények
Hogyan lehet RGB-t HEX-re konvertálni?
- Húzza el a piros, zöld és kék csúszkákat – vagy írja be közvetlenül a mezőbe a HEX-kódot –, hogy beállítsa a színt.
- Figyelje meg, ahogy az előnézeti színminta, valamint a HEX-, RGB- és HSL-értékek valós időben frissülnek, miközben bármely beállítást módosít.
- Kattintson bármelyik érték kártyára annak másolásához, így azt azonnal beillesztheti a CSS-be, a tervezőszoftverbe vagy a kódba.
RGB, HEX és HSL: mi a különbség?
Az RGB, a HEX és a HSL mind pontosan ugyanazokat a színeket írják le – csupán ugyanazon számok különböző leírási módjai. Az RGB a színt annak alapján határozza meg, hogy mennyi vörös, zöld és kék fény keveredik össze annak létrehozásához, mindegyik 0–255-ös skálán. A HEX ugyanazokat az RGB-értékeket tartalmazza, csupán egy kompakt, 6 számjegyű, 16-os alapú kód formájában, ezért rgb(31, 58, 95) és #1f3a5f azonos színek. Az HSL viszont a színt a színárnyalat (a színkörön elfoglalt helye), a telítettség (mennyire élénk) és a világosság alapján írja le — ez a formátum gyakran intuitívabb a rokon árnyalatok kiválasztásához.
Melyik formátumot használják általában
| Formátum | Jellemző felhasználás | Miért |
|---|---|---|
| HEX | CSS, HTML, tervezőeszközök | Rövid, könnyen beilleszthető és megosztható egyetlen karakterláncként |
| RGB | Átlátszóságot biztosító CSS (rgba) | Támogatja az átlátszósághoz szükséges alfa-csatornát |
| HSL | Színpaletták létrehozása | Egy szám megváltoztatásával könnyen létrehozhatók világosabb, sötétebb vagy rokon árnyalatok |
Ezen értékek használata a CSS-ben
A három formátum bármelyike közvetlenül használható egy stíluslapon: color: #1f3a5f;, color: rgb(31, 58, 95); és color: hsl(210, 51%, 25%); mindegyik azonos sötétkék színt ad vissza. A HEX a legegyszerűbb rövidítés az egyszínű színek esetében, míg az RGB (vagy annak rgba() változata) akkor hasznos, ha a színnek részleges átlátszóságra van szüksége, az HSL pedig egyszerűvé teszi az egységes árnyalatok létrehozását azáltal, hogy a színárnyalatot rögzítve tartja, és csak a világosságot állítja be.
GYIK
Ingyenesen használható ez az RGB–HEX átalakító?+
Igen. Teljes egészében a böngészőben futó JavaScript-kódon alapul, így nincs szükség fiókra, API-kulcsra, és nincs korlátozás arra, hogy hányszor használhatod.
Feltöltődnek valahova a színadataim?+
Nem. Minden átalakítás helyben, a böngészőben történik. Semmit sem küldünk el szerverre, nem tárolunk és nem naplózzuk.
Mi a tényleges különbség a HEX és az RGB között?+
Ugyanazt a színt különböző jelölésmódokkal írják le — a HEX egy 6 számjegyből álló, 16-os számrendszerű rövidítés, amely ugyanazokat a vörös, zöld és kék értékeket jelöli, amelyeket az RGB három különálló, 0 és 255 közötti számmal fejez ki.
Tervezési és fejlesztési eszközök
Hogyan működik ez az átalakító?
Az értékek a beírás vagy a szín kiválasztása közben valós időben konvertálódnak RGB, HEX és HSL formátumok között JavaScript segítségével — a beírt adatok egyike sem kerül feltöltésre szerverre, és sehol sem kerülnek tárolásra.
Utolsó frissítés: 2026. augusztus 28.
További eszközök a dobozban
További ingyenes, API-kulcs nélküli eszközök találhatók a kezdőlapon.
QR-kód-generátor
Bármilyen szöveget vagy URL-címet alakítson letölthető QR-kóddá.
JSON-formázó
JSON formázása, érvényesítése és minimalizálása hibaüzenetekkel.
Favicon-generátor
Készítsen egy képből bármilyen méretű favikont, amire szüksége van.
UUID-generátor
Véletlenszerű v4 UUID-k tömeges generálása, azonnal.