IMG.DIY / Extrák / Kép színválasztó

Kép színválasztó

Vidd fölé a kurzort az előnézethez, kattints, és emeld ki a színt bármely képből — másold ki HEX, RGB vagy HSL formátumban.

Kép színválasztó visual example
Az adatvédelem az első: semmi sem kerül feltöltésre.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Kép színválasztó: 1 · Choose input
1 · Choose input
Kép színválasztó: 2 · Adjust and process
2 · Adjust and process
Kép színválasztó: 3 · Download result
3 · Download result

Szükséged van egy logó, egy képernyőkép, egy fotó vagy egy dizájnreferencia pontos színére? Töltsd be a képet, mozgasd fölötte a kurzort, és a nagyítólupé alatt előnézheted a színt, kattintással pedig elmentheted. Minden elmentett szín mutatja a HEX, RGB és HSL értékét, egykattintásos másológombokkal.

A képpontokat közvetlenül a képből olvassa a böngésződben, így a színválasztás azonnali, és a fájl soha nem kerül feltöltésre — jól jön olyan márkaszínekhez, amelyeket nem szívesen küldenél el egy véletlenszerű oldalnak.

Használat

  1. Adj hozzá egy képetHúzd be a képet vagy képernyőképet, amelyből színeket szeretnél.
  2. Vidd fölé és kattintsA lupé felnagyítja a pontos pixelt; kattints a szín mentéséhez.
  3. Másold ki az értéketEmeld ki a HEX, RGB vagy HSL értéket minden elmentett színhez.

Néha egyetlen szín kell egy képből, és semmi más nem felel meg — a logó pontos kékje, a gomb mögötti szürke egy képernyőképen, egy fotó árnyalata, amelyet újra használnál. A szemed nem tud hexakódot leolvasni a képernyőről, és a jónak tűnő szín általában néhány számjeggyel mellémegy. Ezzel a választóval betöltöd a képet, egy nagyítólupéval mozogsz fölötte, amely felnagyítja a kurzor alatti képpontokat, és kattintással mented el pontosan a kívántat színmintaként — a HEX, RGB és HSL együtt jelenik meg, mindegyikhez másológombbal.

A képpontokat helyben, a böngésződben olvassa be egy canvasról: semmi sem kerül feltöltésre, nincs fiók, és az első betöltés után offline is működik. Ez számít, ha a kép egy kiadatlan mockup, egy ügyfél márkaanyaga vagy egy belső képernyőkép. Pontmintavevő — minden kattintás egy képpontot olvas, ami pontosan jó egy tiszta logóhoz vagy lapos felülethez, zajos fotónál pedig kicsit több figyelmet kíván. Ha inkább egy egész kép domináns színeit szeretnéd automatikusan kigyűjteni, arra való a külön palettaeszköz; ez arra van, hogy rámutass egy adott képpontra, és elvedd az értékét.

Mire használják

Állítsd vissza egy márka pontos színét egy régi logóból, ha a specifikáció elveszett

Igazíts egy gombot vagy címsort a színhez, amit egy tetsző oldal képernyőképén láttál

Emeld ki egy logó elsődleges, kiemelő- és szövegszínét egy menetben

Csípj el egy árnyalatot egy fotóból háttérnek vagy kiemelésnek

Olvasd le egy féligáttetsző elem valódi képernyőszínét egy képernyőképről

Másolj ki egy színt HSL-ben, hogy világosíthasd vagy tompíthasd hover- vagy variánsállapothoz

Miért az IMG.DIY

Nagyítólupé

Ránagyít, hogy pontosan a kívánt pixelre kattints.

HEX / RGB / HSL

Minden elmentett szín három formátumban.

Másolás egy kattintással

Bármely érték egyenesen a vágólapra másolható.

Privát

A képpontok helyben kerülnek beolvasásra — nincs feltöltés.

GYIK

Kiválaszthatok több színt is?
Igen. Minden kattintás új színmintát ad a listához, így egyetlen képből egész palettát gyűjthetsz, és egyesével kimásolhatod őket.
Mire jó a lupé?
Felnagyítja a kurzor alatti területet, hogy pontosan a kívánt pixelre találj — ez vékony vonalaknál vagy zajos fotóknál számít.
HSL-t is ad?
Igen — minden színminta mutatja a HEX, RGB és HSL értéket, mindegyikhez saját másológombbal.
Feltöltődik a kép?
Nem. A színek az eszközödön lévő képből kerülnek beolvasásra; semmi sem megy szerverre.
Kiválaszthatok több színt ugyanabból a képből?
Igen. Minden kattintás új színmintát ment, így végigmehetsz a képen és listát építhetsz — a logó elsődleges színét, a kiemelőjét, a szövegszínt —, majd összehasonlíthatod és egymás után kimásolhatod őket a kép újratöltése nélkül.
Mire való a nagyítólupé?
Felnagyítja a kurzor alatti képpontokat, hogy pontosan arra találj rá, amelyikre gondolsz. Egy éles élnél a szomszédos képpont gyakran két szín élsimított keveréke, és a nagyított nézetből kattintás előtt látod, hogy a tömör színen vagy-e, nem az elmosódott határon.
Mikor használjam a HSL értéket a HEX helyett?
A HSL a színt árnyalatra, telítettségre és világosságra bontja, ezért ez a formátum, ha módosítani akarsz, nem másolni — világosítani egy színt hover-állapothoz, csökkenteni a telítettségét egy tompított variánshoz, vagy megtartani az árnyalatot és skálát építeni. Egyszerű CSS-beli újrafelhasználáshoz a HEX egyszerűbb.
Feltöltődik valahová a képem?
Nem. A kép egy canvason kerül beolvasásra a böngésződben, és soha nem megy szerverre. Nincs regisztráció, és az oldal betöltése után kikapcsolt hálózattal is választhatsz színeket — a privát képernyőkép vagy mockup az eszközödön marad.

Kapcsolódó eszközök

Útmutatók és tippek