Színkonvertáló
Adjon meg egy hex színkódot az RGB és HSL megfelelőinek megtekintéséhez, egyedi vörös, zöld és kék csatornaértékekkel.
Hogyan használja ezt a színkonvertálót
- Adja meg a hexadecimális színkódot
Írjon be egy 6 jegyű hex kódot a Hexadecimális színkód mezőbe (pl. FF6B35 vagy 00FF88). A # szimbólumot hagyja el.
- Olvassa le az RGB értékeket
A vörös (Red), zöld (Green) és kék (Blue) csatornák eredményei az egyes összetevők 0–255 közötti értékeit mutatják.
- Ellenőrizze a HSL kimenetet
Tekintse meg a HSL eredményt: árnyalat (0–360°), telítettség és világosság — hasznos a színmódosításokhoz.
Hogyan működik ez a színkonvertáló
Ez az eszköz a hexadecimális színkódokat RGB (vörös, zöld, kék) és HSL (árnyalat, telítettség, világosság) formátumokká alakítja. Minden hexadecimális pár egy 8 bites csatornaértéknek (0–255) felel meg, a HSL-konverzió pedig szabványos színtér-matematikát használ.
R = hex[0:2] → decimális; G = hex[2:4] → decimális; B = hex[4:6] → decimális Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — tiszta fekete.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — tiszta fehér. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — középszürke.
- ✓ A bemenet egy érvényes 6 jegyű hexadecimális színkód.
- ✓ Az alfa-csatorna ebben a verzióban nem támogatott.
- A CMYK-konverzióhoz színprofil szükséges, és itt nem szerepel.
A színmodellek megértése
A HEX, az RGB és a HSL ugyanannak a színnek a különböző leírási módjai. A HEX egy 6 jegyű hexadecimális karakterláncként kódolja az RGB-t: minden karakterpár egy-egy 8 bites csatornát (0–255) jelöl. Az RGB ugyanezeket az értékeket három számként fejezi ki, amelyek a képernyők által kibocsátott additív alapszínek. A HSL (Hue, Saturation, Lightness) egy hengeres modell: az árnyalat a színkörön mért szög (0° piros, 120° zöld, 240° kék), a telítettség a szín intenzitása, a világosság pedig a fényerő. A tervezők gyakran részesítik előnyben a HSL-t a színek programozott módosításakor — a világosság megváltoztatása sötétít vagy világosít az árnyalat eltolódása nélkül, a telítettség finomhangolása pedig az élénkséget állítja.
Fejlesztői felhasználási esetek a színkonverzióhoz
A fejlesztők design rendszerek építésekor, témák implementálásakor, színpaletták generálásakor és CSS hibakereséskor konvertálnak színeket. A design tokenek gyakran hex formátumban tárolják a színeket; az RGB-re vagy HSL-re való átalakítás lehetővé teszi a futásidejű számításokat, például az opacitás átfedéseket vagy az akadálymentességi kontrasztellenőrzéseket. A témaváltóknak szükségük lehet világosabb vagy sötétebb változatok levezetésére egy alapszínből a HSL használatával. Az automatizált akadálymentességi eszközök a színeket a fénysűrűség és a kontrasztarány kiszámításához konvertálják. Az elrendezési vagy témázási hibák keresésekor a hex érték RGB-ként vagy HSL-ként való megjelenítése segít azonosítani, melyik csatorna hibás. A színkonverziót adatvizualizációban, grafikonkönyvtárakban és dinamikus UI-témázásban is használják.
Gyakran ismételt kérdések
Megadhatok 3 jegyű hex kódot?
Ez az eszköz jelenleg 6 jegyű kódot vár. A 3 jegyű rövidítéseket, mint például az F60, először alakítsa át FF6600 formátumra.
Mi az a HSL?
A HSL a Hue (színárnyalat), Saturation (telítettség) és Lightness (világosság) rövidítése. Ez a színek leírásának egy alternatív módja, amelyet egyes tervezők intuitívabbnak találnak az RGB-nél.