Hogyan használd?
- Húzd ide a képet (fotó, logó, képernyőkép).
- Kattints vagy koppints arra a pontra, amelynek a színe kell.
- Másold ki a HEX-, RGB- vagy HSL-kódot, vagy válassz a fő színek közül.
Mire jó a színválasztó képről?
A színválasztó képről (angolul color picker from image) megmondja, pontosan milyen szín van a kép egy adott pontján, olyan kóddal, amelyet bármelyik program megért. Néhány jellemző helyzet:
- egy logó vagy arculat színét kell beírnod egy weboldalba, Canvába, Wordbe vagy PowerPointba, de csak egy képed van róla;
- egy fotóból szeretnél színpalettát egy meghívóhoz, esküvői dekorhoz, prezentációhoz;
- weboldal vagy alkalmazás egy színét keresed egy képernyőképről;
- a festékboltban vagy a nyomdában egy kódot kérnek, és a mintád csak egy fotón van meg.
Az eszköz a kép 8 leggyakoribb színét is kilistázza, így egy kattintással kaphatsz egy kész palettát.
HEX, RGB, HSL – melyik kód kell?
Mindhárom ugyanazt a színt írja le, csak más formában. Példa: egy kattintással egy kék pontot választasz, és ezt kapod:
| Kód | Érték | Hol használd? |
|---|---|---|
| HEX | #1E6FD9 | weboldal (CSS), Canva, Figma, a legtöbb grafikai program |
| RGB | rgb(30, 111, 217) | Word, PowerPoint, Excel „Egyéni szín” ablaka, Photoshop |
| HSL | hsl(214, 76%, 48%) | CSS, ha világosabb vagy sötétebb árnyalatot akarsz képezni |
A HEX a három RGB-érték 16-os számrendszerben: 1E = 30, 6F = 111, D9 = 217. A HSL a színezetet fokban (214° a kék tartománya), a telítettséget és a világosságot százalékban adja meg. Ha egy szín 10%-kal világosabb árnyalata kell, a HSL-ben csak a harmadik számot emeld 48%-ról 58%-ra – ezért szeretik a webfejlesztők.
Kidolgozott példa: palettát egy fotóból
Egy esküvői meghívóhoz a helyszínről készült fotó színeit szeretnéd használni.
- Húzd be a fotót. Az eszköz azonnal megmutatja a kép 8 fő színét, a leggyakoribbal kezdve.
- Ezek közül válassz 3–4-et: egy sötét színt a szöveghez, egy világosat a háttérhez és egy-két hangsúlyosat a díszítéshez.
- Ha egy konkrét részlet (például egy virág) színe kell, kattints rá közvetlenül a képen.
- A kódokat másold be a tervezőprogramba.
A fő színeket a program úgy számolja, hogy a hasonló árnyalatokat csoportokba sorolja (csatornánként 8 sávra osztva a 0–255-ös skálát), és a leggyakoribb csoportok átlagát mutatja. Ezért a paletta a kép uralkodó színeit adja, nem az apró, élénk részleteket – azokra kattints rá külön.
Gyakori hibák
- Árnyékos vagy csillogó pontra kattintás. Egy fotón ugyanaz a felület a fénytől függően sok árnyalatban jelenik meg. A legjellemzőbb, egyenletesen megvilágított részre kattints, és nézz meg több pontot is.
- JPG-tömörítés a széleken. Logónál a betűk és élek mellett a JPG kevert színeket hagy. A felület közepére kattints, ne a szélére.
- Képernyő ≠ festék. A kapott kód a képernyőn látott szín. Festékhez, textilhez vagy nyomdához a képernyőről mért szín csak kiindulópont: a nyomda CMYK-ban, a festékgyártók saját színkártyával dolgoznak. Fontos munkánál kérj fizikai színmintát.
- Kicsinyített kép. A színválasztó a nagy képeket 900 pixel szélesre kicsinyítve mutatja, ezért egy-két pixeles részleteknél a szín a szomszédos pixelekkel kicsit keveredhet. Apró részlethez előbb vágd ki a kép érintett részét.
Képernyőről, weboldalról is
Ha egy weboldal vagy alkalmazás színe kell, készíts képernyőképet (Windowson Win+Shift+S, Macen Cmd+Shift+4, telefonon a szokásos gombkombinációval), és azt húzd be ide. A képernyőkép PNG, így a színek pontosak, nincs JPG-zaj. Ha a kódokból egy egész harmonikus palettát szeretnél, a színpaletta generátor a kiválasztott színhez illő árnyalatokat ajánl, a színkód átváltó pedig HEX, RGB és HSL között vált.
Adatkezelés
A kép a böngésződben nyílik meg, a színkódokat is ott számolja ki az eszköz. Semmi nem kerül fel szerverre, így még nem publikált arculati anyagokkal, ügyfélfotókkal is nyugodtan dolgozhatsz. A színkódokat a vágólapra másolás után bárhová beillesztheted, a program semmit nem jegyez meg belőlük.
Gyakori kérdések
Milyen színkódokat kapok?
HEX-kódot (például #1E6FD9), RGB-t (rgb(30, 111, 217)) és HSL-t (hsl(214, 76%, 48%)). Mindegyik egy kattintással másolható.
Megmutatja a kép fő színeit is?
Igen, a kép 8 leggyakoribb színét automatikusan kilistázza, a leggyakoribbal kezdve.
Pontos a szín, amit kapok?
A képen tárolt színt adja vissza. Fotónál a fény és a JPG-tömörítés miatt ugyanaz a felület több árnyalatban is megjelenhet, ezért érdemes több pontot megnézni.
Használhatom a kódot festékvásárláshoz?
Kiindulópontnak igen, de a képernyőn látott szín és a festék eltérhet. Fontos munkánál kérj fizikai színmintát a boltban.
Kiválaszthatom a színt telefonon, koppintással?
Igen, a képen koppintással választhatsz pontot, ugyanúgy, mint egérrel.
Források
Utoljára módosítva: 2026. november 3.