Színpaletta generátor
Hozzon létre gyönyörű, harmonikus színpalettákat azonnal ingyenes online generátorunkkal. Támogatja a monokromatikus, analóg, komplementer, triadikus, osztott-komplementer és tetradikus módokat. Állítsa be a színeket HSL csúszkákkal, zárolja a kedvenceket, és exportáljon CSS, Tailwind, JSON vagy SVG formátumban. 100% böngészőalapú, adatai soha nem hagyják el az eszközét.
Hogyan generálok színpalettát?
Kattintson a Generálás gombra vagy nyomja meg a szóközt egy új véletlenszerű paletta létrehozásához. A harmóniamód választóval válasszon monokromatikus, analóg, komplementer, triadikus, osztott-komplementer vagy tetradikus sémát.
Hogyan zárolok egy színt?
Kattintson a lakat ikonra egy színmintán. A zárolt színek a új paletta generálásakor is megmaradnak, míg a feloldottak cserélődnek.
Hogyan exportálom a palettámat?
Kattintson az Exportálás gombra a CSS változók, Tailwind konfiguráció, JSON tömb vagy SVG paletta közti választáshoz. A paletta automatikusan a vágólapra másolódik.
Mik a különböző harmóniamódok?
Monokromatikus egy árnyalatot használ változó telítettséggel és világossággal. Analóg szomszédos árnyalatokat használ (±30°). Komplementer ellentétes árnyalatokat használ (180°). Triadikus 3 egyenlő távolságú árnyalatot használ (120°). Osztott-komplementer egy alap árnyalatot használ a komplementere melletti kettővel. Tetradikus 4 egyenlő távolságú árnyalatot használ (90°).
Felépíthetem a palettát a márkaszínem köré?
Igen. Válassza ki a márkaszínét az alapszín-választóban, majd egy harmónia módot – a másik négy szín körülötte jön létre. Ezután mindegyiket finomhangolhatja a HSL csúszkákkal.
Milyen exportformátumok érhetők el?
A paletta exportálható CSS-változóként, Tailwind-konfigurációként, JSON-tömbként vagy SVG-fájlként. A kódelőnézet a formátumváltáskor azonnal frissül, készen a projektbe illesztésre.
Megnézhetem a színértékeket HEX, RGB vagy HSL formában?
Igen, minden szín értéke váltható HEX, RGB és HSL között. Így közvetlenül azt a formátum kapja, amelyet a tervezőeszköze vagy a kódja vár, kézi átváltás nélkül.
Mit jelent a kis jelvény minden színen?
Azt mutatja, hogy az adott színen a fehér vagy a fekete szöveg marad olvasható. Ha a kontrasztarány eléri a 4,5:1-et, a jelvény a WCAG-irányelvek szerint megfelelt jelez — hasznos gombok és bannerek hátterének választásakor.
Feltöltésre kerül a palettám egy szerverre?
Nem. Minden lokálisan fut a böngészőben, a színei soha nem hagyják el az eszközét. Az oldal betöltése után a generátor offline is működik.
A(z) Színpaletta generátor használata
Hozzon létre harmonikus palettákat monokromatikus, analóg, triadikus és további módokon — a számítás a böngészőjében zajlik. Zárja le a kedvenc árnyalatokat, csiszolja őket, majd exportálja a keretrendszere formátumában.
- Válasszon harmonia-Mode-ot a legördülő listából: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary vagy Tetradic.
- Állítsa be a Base színt, hogy minden generált minta a márkájának árnyalatából származzon, majd generálja újra, amíg a készlet el nem nyeri tetszését.
- A nem tetsző mintákat a ✕ gombbal távolítsa el, és húzzon újat; a megmaradókat a HSL csúszkákkal finomhangolja.
- Hasonlítsa össze a mintákat világos és sötét mockupokon, hogy a szöveg minden színen olvasható maradjon.
- Nyissa meg az Export Palette menüt, és vigye el a színeket CSS Variables, Tailwind Config, JSON Array vagy SVG Palette formátumban.
Random módban való újragenerálás előtt zárja le a Base mintát — így a márka színe körüli variációkat fedezheti fel anélkül, hogy elveszítené.
Kapcsolódó eszközök
- Színkonverter Ingyenes online színkonverter. Azonnal konvertálja a HEX, RGB, HSL, HSV formátumokat vizuális választóval. 100% privát, böngészőjében fut.
- Színpipetta Válasszon tetszőleges színt a képernyőről pipettával. Másolja a HEX, RGB, HSL kódokat azonnal. Ingyenes online eszköz.
- Színkontraszt Ellenőrző Ellenőrizze a színkontraszt arányokat a WCAG 2.1 megfeleléshez. Azonnal ellenőrizze az AA és AAA szabványokat.
- Színvakság szimulátor Ingyenes online színvakság szimulátor. Tesztelje a protanopia, deuteranopia, tritanopia és egyéb típusú tervezéseket. 100% privát, a böngészőben fut.
- GIF Képkocka Bontás Egyedi képkockák kinyerése és letöltése GIF animációkból PNG vagy sprite lapként. Ingyenes online eszköz előnézettel és ZIP exportálással.
- GIF Visszafelé GIF animáció lejátszási sorrendjének megfordítása ingyen online. Töltsön fel, előnézzen és töltsön le azonnal.
- GIF Sebességváltó Változtassa meg a GIF animáció sebességét online. Gyorsítsa fel vagy lassítsa le a GIF fájlokat azonnal.
- Videó GIF-be Alakítson át videót animált GIF-be online. Állítsa be a minőséget, képkockasebességet és felbontást közvetlenül a böngészőben, feltöltés nélkül.