Színkonverter
Színek átváltása élőben HEX, RGB, HSL, HSV és CMYK között. Színpipetta, R/G/B csúszkák, egy kattintásos másolás. Böngészőben, privát.
Miről szól ez az eszköz?
A színkonverter élőben alakít át színeket a webfejlesztés és a design legfontosabb formátumai között: HEX, RGB, HSL, HSV és CMYK. Illessz be bármilyen formátumot, válassz színt a színpipettával, vagy állítsd be az R/G/B csatornákat csúszkával – minden érték azonnal frissül, mellette a színminta. Designereknek, fejlesztőknek és tartalomkészítőknek, akiknek pontos színkódokra van szükségük, telepítés nélkül.
Hogyan használd a(z) Színkonverter-t?
-
Szín megadása
Illeszd be HEX, RGB vagy HSL formátumban, vagy használd a színpipettát a vizuális választáshoz.
-
Finomhangolás
Az R/G/B csúszkákkal pontosan beállíthatod a színt – minden kimenet élőben követi.
-
Értékek leolvasása
Egyszerre látod a HEX, RGB, HSL, HSV és CMYK értékeket, mellette a színmintával.
-
Másolás
A kívánt formátumot egy kattintással a vágólapra másolod.
Mikor van rá szükséged?
-
Webdesign
Márkaszínek átváltása a tervezőeszköz HEX-éből a CSS-hez vagy fordítva, pontos értékekkel.
-
CSS fejlesztés
HSL-re váltás, hogy könnyen készíts világosabb/sötétebb árnyalatokat hover- és aktív állapotokhoz.
-
Nyomdai előkészítés
Képernyős RGB szín közelítő CMYK értékének leolvasása nyomtatandó anyagokhoz.
-
Akadálymentesség
A pontos színérték az első lépés a megfelelő szövegkontraszt ellenőrzéséhez.
Színformátumok
| Formátum | Példa | Hol használatos |
|---|---|---|
| HEX | #3B82F6 | Web, CSS – rövid jelölés |
| RGB | rgb(59, 130, 246) | Web, CSS, canvas, programozás |
| HSL | hsl(217, 91%, 60%) | Web – intuitív kézi állítás |
| HSV | hsv(217, 76%, 96%) | Tervezőszoftverek színkereke |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Nyomtatás (festékek) |
Színmodellek dióhéjban
A digitális színeket többféle modellel írhatjuk le, és mindegyik ugyanazt a színt fejezi ki más nézőpontból. Az RGB additív modell: a piros, zöld és kék fény keverésével áll elő a szín, ezért használja minden képernyő. A HEX ennek csak egy tömör, hexadecimális írásmódja – a #RRGGBB három bájtja pontosan az RGB három csatornája.
A HSL és a HSV az emberi színérzékeléshez közelebb álló modellek: az árnyalatot (hue) egy 0–360 fokos színkörön adják meg, és külön kezelik a telítettséget és a világosságot (HSL), illetve az értéket/fényességet (HSV). Ezekkel sokkal könnyebb egy meglévő szín világosabb vagy sötétebb változatát létrehozni anélkül, hogy elcsúszna az árnyalat.
A CMYK ezzel szemben szubtraktív modell, a nyomtatás világa: cián, magenta, sárga és fekete festékek elnyeléséből áll össze a szín a papíron. Mivel a képernyő és a papír fizikailag másképp állítja elő a színt, az RGB→CMYK átváltás mindig közelítés – pontos nyomdai színhűséghez kalibrált ICC-profilra van szükség.
Hasznos tippek
-
Webhez maradj HEX vagy RGB formátumnál; HSL-re akkor válts, ha árnyalat-megtartással kell világosítani/sötétíteni.
-
A színpipettával gyorsan kísérletezhetsz, a csúszkákkal pedig pixelpontosan beállíthatod a csatornákat.
-
A CMYK érték itt csak tájékoztató közelítés – éles nyomdai munkához mindig kérj profilos konverziót.
-
A színek a böngésződben maradnak; bizalmas márkaszíneket is nyugodtan átválthatsz.
Gyakori kérdések
- HEX, RGB, HSL, HSV és CMYK között. A beviteli mező HEX, rgb() és hsl() formátumot is felismer, a kimeneten mind az öt érték megjelenik.
- A HEX, RGB, HSL és HSV között matematikailag pontos; a CMYK profil nélküli közelítés, ami webes munkához elegendő, nyomdai színhűséghez nem.
- A beviteli mező felismeri a HEX (#RGB és #RRGGBB), az rgb()/rgba() és a hsl()/hsla() formátumokat. A kimeneten ezeken felül HSV és CMYK értékeket is megjelenít.
- Ugyanazt a színt írják le más jelöléssel: a HEX hexadecimális (#3B82F6), az RGB pedig három 0–255 közötti számmal (rgb(59,130,246)). A böngészők mindkettőt értik; a HEX rövidebb, az RGB-vel könnyebb programból számolni.
- A HSL (árnyalat, telítettség, világosság) intuitívabb a kézi állításhoz: az árnyalat (0–360°) megtartása mellett külön szabályozhatod a telítettséget és a világosságot – ideális egy színskála vagy hover-állapot készítéséhez.
- A CMYK (cián, magenta, sárga, fekete) a nyomtatás színmodellje. A képernyő RGB-ben világít, a nyomtató viszont festékekkel dolgozik, ezért nyomdai munkához CMYK értékre van szükség. A konverzió közelítő – pontos egyezéshez ICC-profil kell.
- Igen. A teljes konverzió a böngésződben, JavaScripttel történik – semmilyen szín vagy adat nem kerül szerverre.
- A HEX, RGB, HSL és HSV között a konverzió matematikailag pontos és veszteségmentes (kerekítve egész értékekre). A CMYK egy egyszerű, profil nélküli közelítés, ami a webes munkához elegendő, de nyomdai színhűséghez nem.