Cím

Színválasztó

Húzd ide, illeszd be (Ctrl+V) vagy kattints a feltöltéshez

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

Töltsön fel egy fotót a színek kiválasztásához

Vagy próbáljon ki egy mintát:

1. minta
2. minta
3. minta

Színpaletta

Színek: 3

Színválasztó és -kivonó – Ingyenes online eszköz

Ingyenes online színkivonónkkal egyetlen kattintással kiválaszthatsz bármilyen színt egy fotóról – nincs szükség szoftver telepítésére és fiókra. Töltsd fel a képet, vidd az egérmutatót a nagyításhoz, kattints bármelyik képpontra, hogy azonnal lásd a HEX, RGB, HSL és HSV értékeit, majd generálj egy teljes színpalettát a kiválasztott színből. Az eredményeket bármikor letöltheted.

Hogyan válasszunk színeket egy fotóból

1
Töltsd fel a képed

Húzz egy fotót a panelre, kattints Fotó feltöltése, vagy illessze be a Ctrl+V billentyűkombinációval. Támogatja a JPEG, PNG, WebP és HEIC GIF formátumokat.

2
Kattintson a szín kiválasztásához

Vigye az egérmutatót a kép fölé a nagyítóval való nagyításhoz, majd kattintson bárhová az adott képpont színének rögzítéséhez. A HEX, RGB, HSL és HSV értékek azonnal megjelennek.

3
Paletta másolása vagy létrehozása

Kattintson bármelyik értékmezőre a vágólapra másoláshoz, a színek későbbi mentéséhez, vagy egy teljes színpaletta létrehozásához és CSS-változókként vagy PNG színminta-csíkként történő exportálásához.

Főbb jellemzők

  • Négy színformátum – A kiválasztott szín HEX, RGB, HSL és HSV formátumban történő megtekintése és másolása egyetlen kattintással bármelyik értékmezőre.
  • Pixelpontos nagyító – egy kör alakú zoomobjektív követi a kurzort, így pontosan meghatározhatod a kívánt képpontot.
  • 8 paletta típus – analóg, komplementer, triádikus, tetraéderikus, osztott komplementer, monokróm, árnyalatok vagy árnyalatok paletták generálása 3–10 színmintával.
  • Exportálási beállítások – másolja az összes paletta HEX kódját egyszerre, töltsön le egy PNG színminta-csíkot, vagy exportálja a palettát CSS egyéni tulajdonságokként (:root változók).
  • Mentett színek – könyvjelzővel jelölhet el bármilyen színt a böngészőjében tárolt személyes mentett színek panelen; törölheti őket, amikor csak szeretné.
  • HEIC támogatás – A HEIC/HEIF formátumú iPhone-fotók automatikusan konvertálódnak a színkiválasztás előtt.
  • Teljesen a böngésződben működik – a fotóid soha nem kerülnek feltöltésre semmilyen szerverre.
  • Ingyenes és korlátlan – nincs regisztráció, nincsenek vízjelek, nincsenek korlátok.

Mi az a színkivonó?

A színkivonó (vagy képszín-kiválasztó) egy olyan eszköz, amely leolvassa a fénykép bármely pixelének pontos színét, és a tervezésben és fejlesztésben használt szabványos színkódokká alakítja. Ahelyett, hogy szemmel néznénk egy színt, vagy manuálisan adnánk meg az értékeket, egyszerűen rákattintunk a kívánt pontra, és az eszköz elvégzi a konverziót – a képernyőn megjelenő nyers RGB-értékektől kezdve egészen a grafikai tervezési munkafolyamatokban használt HSL és HSV ábrázolásokig.

A színpaletta-generátor ezt egy lépéssel tovább viszi: miután kiválasztott egy alapszínt, színelméletet alkalmazva harmonikus színsémákat hoz létre, amelyek közvetlenül használhatók CSS-ben, Figmában vagy bármilyen tervezőeszközben.

Gyakori felhasználások

  • Márkaszín-kinyerés – pontos hexadecimális kódokat kinyerhet egy logóból vagy márkafotóból, hogy azokat következetesen használhassa egy weboldalon vagy designrendszeren belül.
  • Web- és felhasználói felület tervezés – párosítsd a színeket egy termékképhez vagy egy fő fotóhoz, hogy az elrendezés egységesnek tűnjön.
  • Palettageneráció – egyetlen kulcsszínből kiindulva hozzon létre egy teljes kiegészítő vagy analóg sémát egy projekthez.
  • Nyomtatás és illusztráció – minta referenciafotók a pontos RGB-értékek meghatározásához a festék keverése vagy a nyomtatási profil konfigurálása előtt.
  • CSS témázás – palettaváltozók közvetlenül exportálása egy :root blokkot, hogy közvetlenül egy stíluslapba kerüljön.

Gyakran ismételt kérdések

Igen, az eszköz 100%-ban ingyenes, használati korlátozások nélkül. Nem kell fiókot létrehoznod, vagy fizetési információkat megadnod.
Nem. Minden feldolgozás teljes mértékben a böngésződben történik a HTML5 Canvas API használatával. A képed soha nem kerül szerverre, így az adatvédelmed teljes mértékben védett.
Az eszköz négy formátumban jeleníti meg a kiválasztott színt egyszerre: HEX (pl. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)) és HSV (hsv(216, 73%, 84%)). Kattintson bármelyik mezőre az azonnali másoláshoz.
Amikor a kurzort a kép fölé viszi, egy kör alakú nagyító jelenik meg a kurzor közelében, amely a környező képpontok nagyított nézetét mutatja. Ez megkönnyíti a kívánt képpont azonosítását és kattintását, különösen a finom részleteket vagy finom színátmeneteket tartalmazó fényképeken.
Kattintson a kép bármelyik képpontjára az alapszín beállításához, majd görgessen le a kívánt színhez Színpaletta szakasz. Válasszon egy palettatípust (Analóg, Kiegészítő, Triádikus stb.), és a számláló csúszkájának húzásával válasszon ki 3–10 színmintát. A paletta azonnal frissül. Használja a Színek másolása, PNG letöltése, vagy CSS exportálása hogy felhasználhassa az eredményt.
CSS-másolatok exportálása :root { } egy blokk, amely minden palettaszínt tartalmaz egyéni CSS tulajdonságként (pl. --color-1: #3a7bd5;). Ezt közvetlenül beillesztheted a stíluslapodba, és a változókra hivatkozhatsz a projekted során.
Igen. A HEIC és HEIF fájlokat a böngésző automatikusan JPEG formátumra konvertálja a kép megjelenítése előtt. A konvertálás során megjelenik egy betöltésjelző, és nem kerül sor fájlok küldésére a szervereinkre.