Ugrás a tartalomra

Színválasztó képről (color picker from image)

Kattints a kép bármelyik pontjára, és megkapod a szín HEX-, RGB- és HSL-kódját egy kattintással másolható formában. A kép fő színeit is kilistázza.

  • Korlátlanul ingyenes
  • Regisztráció nélkül
  • Vízjel nélkül
Minden a böngésződben történik, semmit nem töltünk fel szerverre.
  • ✓ Ingyenes
  • ✓ Regisztráció nélkül
  • ✓ A fájl nem töltődik fel

Következő lépés

Ezután ezt is megcsinálhatod

Hogyan használd?

  1. Húzd ide a képet (fotó, logó, képernyőkép).
  2. Kattints vagy koppints arra a pontra, amelynek a színe kell.
  3. Másold ki a HEX-, RGB- vagy HSL-kódot, vagy válassz a fő színek közül.
Kipróbálom most

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ékHol használd?
HEX#1E6FD9weboldal (CSS), Canva, Figma, a legtöbb grafikai program
RGBrgb(30, 111, 217)Word, PowerPoint, Excel „Egyéni szín” ablaka, Photoshop
HSLhsl(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.

  1. Húzd be a fotót. Az eszköz azonnal megmutatja a kép 8 fő színét, a leggyakoribbal kezdve.
  2. 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.
  3. Ha egy konkrét részlet (például egy virág) színe kell, kattints rá közvetlenül a képen.
  4. 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.

Ajánljuk

Hasonló eszközök

Ha a(z) Színválasztó képről jól jött, ezekre is szükséged lehet.

Mind a kategóriában →

Mások ezeket is használják