Színkód-konvertáló
Konvertálj bármilyen színt HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH és OKLCH között. Illeszd be a kódot, nézd meg a színt, és másold ki az összes formátumot.
Példák:
Átváltások
A CMYK ICC-profil nélküli, egyszerű átszámítás. Nyomdai munkához kérj a nyomdától profilalapú átalakítást.
A színkód-konvertáló használata
- Írj be vagy illessz be egy színt a Bemenet mezőbe. A formátumot automatikusan felismeri:
#FF6347,FF6347,rgb(255 99 71),255, 99, 71,hsl(9 100% 64%),hsv(9, 72%, 100%),cmyk(0, 61, 72, 0),lab(63% 59 48),oklch(70% 0.2 32)vagy egy név, példáultomato. - Az átváltások gépelés közben megjelennek. Az Entert is megnyomhatod, vagy rákattinthatsz a Konvertálás gombra.
- Nézd meg a színmintát: megmutatja a színt és a Felismert formátumot, így tudod, hogyan értelmezte a bemenetet.
- Kattints a Másolás gombra a kívánt formátum mellett. A példagombokkal kipróbálhatod a gyakori bemeneteket.
Az átváltás teljes egészében a böngésződben fut.
Támogatott formátumok
| Formátum | Példa | Jellemző felhasználás |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, tervezőeszközök |
| RGB | rgb(255, 99, 71) |
CSS, kód, képszerkesztők |
| HSL | hsl(9, 100%, 64%) |
CSS, világosság módosítása |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, színválasztók |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
nyomtatás (lásd az alábbi megjegyzést) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), színtudomány |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
modern CSS, dizájnrendszerek |
A HEX, RGB, HSL, HWB, LAB, LCH és OKLCH kimenetek érvényes CSS-kódok, amelyeket közvetlenül beilleszthetsz egy stíluslapba. A HSV és a CMYK nem CSS-jelölés, ezért a megszokott függvényszerű írásmóddal jelennek meg, olvasásra.
Ha a bemenetben átlátszóság van (például rgb(255 0 0 / 50%)), a konvertáló megtartja: a HEX nyolcjegyű kóddá alakul, például #FF000080, a többi formátum pedig alfa értéket kap.
Hogyan működnek az átváltások?
Az RGB, a HEX, a HSL, a HSV és a HWB ugyanazon sRGB-értékek különböző felírásai, ezért pontosan (kerekítésig) átváltathatók egymásba. A LAB és az LCH a CSS Color 4 meghatározását követi, amely D50 fehérpontot és Bradford-féle kromatikus adaptációt használ. Egyes online konvertálók helyette D65-öt használnak, ezért ugyanarra a színre a LAB-számaik néhány egységgel eltérhetnek. Az OKLCH Björn Ottosson Oklab modelljét használja, azt, amelyet a böngészők az oklch() esetén alkalmaznak.
Ha olyan LAB, LCH vagy OKLCH színt adsz meg, amely egy normál képernyőhöz túl telített, akkor kívül esik az sRGB-tartományon, és nincs HEX megfelelője. Az eszköz ilyenkor üzenetet jelenít meg, és a legközelebbi megjeleníthető színre képezi le a krómája csökkentésével, a világosság és a színárnyalat megtartása mellett.
A CMYK közelítés
A CMYK-értékek az egyszerű K = 1 − max(R, G, B) és C = (1 − R − K) / (1 − K) képletet használják, az M-re és az Y-ra ugyanígy. ICC-profil nincs a háttérben, ezért a számok nem jósolják meg, mit nyomtat egy adott nyomdagép. Professzionális nyomdai munkához a tördelőprogramodban, a nyomdától kapott profillal (például FOGRA39 vagy GRACoL) konvertálj. A CMYK visszaalakítása RGB-vé a fordított képletet használja: R = (1 − C)(1 − K).
Gyakori kérdések
Hogyan váltok át kézzel HEX-et RGB-re?
Oszd a kódot három párra, és alakítsd át mindegyiket tizenhatos számrendszerből tízesbe. A #FF6347 esetén: FF = 255, 63 = 99, 47 = 71, tehát a szín rgb(255, 99, 71).
Mi a különbség a HSL és a HSV között?
Mindkettő színárnyalat-szöget és telítettséget használ, de a HSL harmadik értéke a világosság (az 50% a tiszta szín, a 100% a fehér), a HSV-é pedig az érték vagy fényerő (a 100% a tiszta szín vagy a fehér, a telítettségtől függően). Ugyanannak a színnek ezért a két modellben más a telítettségi száma.
Miért tér el a LAB-értékem egy másik konvertálóétól?
Valószínűleg a fehérpont miatt. Ez az eszköz D50-et használ, mint a CSS lab(). A D65-alapú konvertálók kissé más számokat adnak. Mindkettő helyes a saját viszonyítási rendszerében.
Átváltható a CMYK HEX-re?
Igen. Írj be például cmyk(0%, 61%, 72%, 0%) vagy cmyk(0, 0.61, 0.72, 0) értéket. Ne feledd, hogy az eredmény színprofil nélküli közelítés.
Elfogad színeket a # jel nélkül?
Igen. Az ff6347, az f64, sőt a vesszővel elválasztott három szám, például 255, 99, 71 is felismerhető.
Kapcsolódó eszközök
- Színválasztó Ingyenes online színválasztó. Válassz bármilyen színt, és azonnal másold a HEX, RGB, HSL, HSV és CMYK kódját a fehérrel és feketével mért kontraszttal.
- Színpaletta-generátor Készíts színpalettát egyetlen alapszínből a színharmónia szabályaival: komplementer, analóg, triád, tetrád, négyzet, monokróm. Exportálás CSS-be.
- Színválasztó képből Tölts be egy képet, és kattints bármelyik képpontra: megkapod a színét HEX, RGB, HSL, HSV és CMYK formában. Nagyító és átlagolás a böngésződben.