Hogyan generálhatok színpalettát egy márkaszínből?

Adj meg egy hex kódot, egy színnevet (pl. kékeszöld), vagy egy rgb() / hsl() értéket az Alapszín mezőben, és nyomj Entert. Ezután válassz egy típust, például Márkapaletta, Komplementer, Triádikus vagy Monokróm, majd kattints egy színmintára a másoláshoz.

Milyen exportálási formátumokat támogat a palettagenerátor?

A színeket másolhatod hex, rgb, hsl vagy oklch formátumban, és exportálhatsz CSS, SCSS, JSON, Tailwind 50-900 skála, PNG, SVG, GIMP/Krita GPL, Adobe ASE vagy Photoshop ACO fájlokat. Hogy mely opciók látszanak, az az Exportálás vezérlőktől függ.

Hogyan ellenőrizhetem, hogy a palettám színei olvashatók-e fehér vagy fekete alapon?

Minden szín mellett látható egy Fehéren és egy Feketén jelvény a WCAG szintekkel: AAA, AA, AA nagy vagy Nem felel meg. A Szöveg- és háttérszín ellenőrzése szekcióban pedig kiválaszthatsz egy szöveg- és háttérszínt egy adott páros teszteléséhez.

Hogyan tarthatok meg néhány színt és keverhetem újra a többit?

Kattints a Szín zárolása gombra a megtartani kívánt mintákon, majd nyomd meg a Keverés gombot. A zárolt színek megmaradnak, a többi megváltozik. A Szín szerkesztése gombbal egyetlen mintát is módosíthatsz, ami szerkesztetté jelöli a palettát.

Megoszthatom a palettámat, vagy választhatok színt a képernyőmről?

Az „Eredmény megosztása” olyan linket készít, amely tartalmazza az alapszínt, a típust és az összes módosítást, így bárki, aki megnyitja, ugyanazt a palettát látja. Telefonon megnyílik a megosztás panel, számítógépen a link a vágólapra másolódik. A „Kiválasztás a képernyőről” a böngésző EyeDropper eszközét használja, amely csak az azt támogató böngészőkben érhető el, főként a Chromium-alapúakban.

Igen. Minden eszköz ingyenesen használható, fiók és bankkártya nélkül. A munka a szervereink helyett a te eszközödön fut, ezért maradhat ingyenes a használata.

Igen. Az iOS és Android jelenlegi mobilböngészőiben fut, telepítés nélkül.

🎨

Ingyenes Színpaletta-generátor

Generálj komplementer, analóg, triádikus és monokormatikus színpalettákat bármely alapszínből. Másold a hex-kódokat egyetlen kattintással.

A böngésződben futNincs regisztráció, nincs felugró ablakNem szükséges bejelentkezésÖrökre ingyenes

Betöltés után offline is működik

Alapszín

Írj be egy hex kódot, egy színnevet (például teal vagy tomato), vagy rgb(20, 184, 166) / hsl(174, 80%, 40%) értéket, majd nyomj Entert.

Márkapaletta · 7 szín

Másolás formátuma

Exportálás:Hex feliratok a PNG/SVG-n

Alap

Fehéren 2,5Nem felel meg

Feketén 8,4AAA

Kiemelő

Fehéren 2,9Nem felel meg

Feketén 7,2AAA

Világos árnyalat

Fehéren 1,1Nem felel meg

Feketén 19,4AAA

Sötét árnyalat

Fehéren 9,0AAA

Feketén 2,3Nem felel meg

Világos semleges

Fehéren 1,1Nem felel meg

Feketén 19,3AAA

Közepes semleges

Fehéren 4,1AA nagy

Feketén 5,1AA

Sötét semleges

Fehéren 16,1AAA

Feketén 1,3Nem felel meg

Szöveg- és háttérszín ellenőrzése

SzövegszínHáttér

Nagy címsor minta

Törzsszöveg minta ehhez a párhoz

8,44:1Normál szöveg AAANagy szöveg AAA

Próbáld ki ezeket

Fényképből szeretnél színeket? Használd a képszín-kinyerőt

Gyakori felhasználások

Szín-paletták generálása a webes tervhezHozzon létre harmonikus szín sémákat a webhelyekhez, webalkalmazásokhoz és felhasználói felület összetevőkhöz.
Márka szín-paletták létrehozásaÉpíts fel teljes márkaszínrendszert egyetlen márkaszínből — elsődleges, másodlagos, kiemelő és semleges színekkel.
Szín-paletták generálása a művészethez és az illusztrációhozHozzon létre harmonikus szín kombinációkat a digitális művészethez, az illusztrációhoz és a kreatív projektekhez.
Szín stílusok generálása a Figma-hozHozzon létre szín-paletákat a Figma Color Styles és a design token alapoknél történő felhasználáshoz.
Szín-paletták létrehozása a sötét módhozHozza létre a szín-paletták világos és sötét változatait a sötét mód támogatásának felépítéséhez.

Hogyan működik

Az eszköz nulla külső könyvtárral épült — minden színszámítás kézzel írt JavaScriptben fut közvetlenül a böngészőjében. A kiválasztott színt hex és HSL között konvertálja, majd klasszikus színelméleti harmónia-szabályokat (komplementer, triadikus, analóg stb.) alkalmaz aritmetikával az árnyalatkeréken, hogy minden palettát előállítson.

1
Hex-HSL átváltás
Amikor egy színt választ, az eszköz a hex karakterláncot RGB komponensekre elemzi, majd HSL-re (árnyalat, telítettség, fényerő) alakítja. Az árnyalat a színkerék 0–360 fokos pozíciója; a palettaszámítás ebben a térben zajlik.
2
Árnyalataritmetika a harmóniához
Minden palettatípus egy fix forgatási képlet, amelyet az alap árnyalatra alkalmaznak. A komplementer 180°-ot ad hozzá, a triadikus 120°-ot és 240°-ot, a tetradikus 90°-onként lépeget, a split-komplementer 150°-ot és 210°-ot használ. A monokromatikus és árnyalat-módok az árnyalatot és telítettséget állandó szinten tartják, miközben a fényerőt fel-le léptetik.
3
HSL-hex kimenet
Minden kiszámított HSL hármas visszaalakul hex színné a standard kroma-képlettel. Az eredmények színcsíkként jelennek meg automatikusan kontrasztos címkékkel (sötét szöveg világos mintákon, világos szöveg sötéteken), amit egy egyszerű fényerő-küszöb határoz meg.
4
Exportálás az Ön kívánt formátumában
A paletta hex karakterláncokként másolható, vagy exportálható CSS változófájlként (:root { --color-1: … }), SCSS változókként, egy Tailwind konfigurációs részletként, egy JSON objektumként, vagy egy PNG színcsíkként. A PNG export a böngésző Canvas API-ját (toDataURL) használja minden minta hex-címkével való megrajzolásához — minden helyben generálódik kattintásra.

Kapcsolódó eszközök

🎨

Véletlen színgenerátor

Generálj véletlen színeket egyesével vagy ötös palettaként, zárold a tetszőket, másold a HEX-, RGB- vagy HSL-értékeket, és exportáld a palettát PNG-ként vagy CSS-ként.

Próbálja ki

🎨