Színeszközök

Színpaletta-generátor: sémák, árnyalatok és exportálás

Ingyenes, regisztráció nélkül, a böngésződben működik. Generálj öt színes palettát, rögzíts színeket, vagy építs sémát egy alapszínből. Színenként 11 árnyalat; exportálás CSS, Tailwind vagy JSON.

vagy nyomd meg a Szóköz billentyűt. Zárold a kedvenc színeidet, hogy megmaradjanak.

Készítés egy színből

A színharmóniák a színkörön forgatják az árnyalatot: az analóg a közelben marad, a komplementer a szemközti oldalt használja, a triadikus három árnyalatot oszt el egyenletesen.

A(z) #2F5BFF árnyalatai

Kattints egy árnyalatra a másoláshoz. Válassz másik színt a palettán, ha annak árnyalatait szeretnéd látni.

Exportálás

A paletták az eszközödön készülnek.

Miért érdemes használni ezt: Színpaletta-generátor

100%-ban ingyenes
Használd, ahányszor szeretnéd. Nincs regisztráció, nincs vízjel, nincs mit telepíteni.
Adatvédelem a tervezésben
Amit beírsz, a böngésződben marad, és soha nem küldjük el nekünk.
Bármilyen eszközön működik
A böngésződben fut Windows, Mac, Linux, Android és iPhone rendszeren. Nincs szükség alkalmazásra.

Így használd: Színpaletta-generátor

  1. Kattints a Paletta generálása gombra, vagy nyomj szóközt, amíg olyan színeket nem látsz, amelyek tetszenek.
  2. Kattints egy szín Rögzítés gombjára, hogy az más színek változása közben megmaradjon. A Szerkesztés gombbal finomhangolhatod a színt a választóval.
  3. Ha a saját színedből indulnál, írd be az Építés egy színből mezőbe, válassz egy harmóniát (analóg, komplementer, osztott komplementer, triád, tetrád vagy monokróm), majd kattints az Alkalmaz gombra.
  4. Kattints egy szín HEX-kódjára a 11 árnyalatának megtekintéséhez, 50-től 950-ig. Kattints egy árnyalatra a másoláshoz.
  5. Az Exportálás részen válassz CSS-változókat, Tailwindet, JSON-t vagy HEX-listát, majd kattints a Másolás vagy a Letöltés gombra.

Gyakori kérdések

Hogyan készítek színpalettát egy színből?

Írd vagy válaszd ki a színedet az Építés egy színből részben, válassz egy harmóniát, és kattints az Alkalmaz gombra. Öt, hozzá illő színt kapsz, a rögzített színeid pedig megmaradnak.

Mik a színharmóniák?

A színkörön elfoglalt helyük szerint kiválasztott színkészletek. Az analóg színek egymás mellett ülnek, a komplementerek szemben állnak, az osztott komplementer a szemben lévő szín két oldalát használja, a triád három színt egyenletesen oszt el, a tetrád négyet, a monokróm pedig egy színt tart, de különböző világossággal.

Melyik harmóniát válasszam?

Az analóg és a monokróm nyugodtnak hat, és a legtöbb weboldalhoz és márkához illik. A komplementer és a triád erősebb kontrasztot ad, ami kiemelésekhez, gombokhoz és játékos dizájnhoz való.

Mik az árnyalatok és a tónusok?

Egy szín sötétebb és világosabb változatai. Az árnyalatskála tizenegy lépést ad, 50-től (legvilágosabb) 950-ig (legsötétebb), ugyanabban a színárnyalatban, ahogy a tervezési rendszerek nevezik őket.

Hogyan használom a palettát a kódomban?

Exportáld CSS-változóként (--color-1-től --color-5-ig), Tailwind @theme blokként, JSON-tömbként vagy HEX-kódok egyszerű listájaként, majd másold, vagy töltsd le fájlként.

Működik az exportált Tailwind a Tailwind CSS v4-gyel?

Igen. Ez egy @theme blokk --color-palette-100-tól --color-palette-500-ig, amelyet a Tailwind v4 olyan osztályokká alakít, mint a bg-palette-100. A v3-hoz másold a HEX-kódokat a konfigurációd colors részébe.

Megtarthatok egyes színeket, és a többit megváltoztathatom?

Igen. Rögzítsd a megtartani kívánt színeket. A Paletta generálása és az Alkalmaz csak a nem rögzített színeket változtatja meg, és egy véletlen paletta az első rögzített színhez illeszkedik.

Feltöltődik bármi?

Nem. A paletták az eszközödön készülnek.

Ingyenes a(z) Színpaletta-generátor?

Igen. Ingyenesen használható, regisztráció és telepítés nélkül.

Súgók és útmutatók (angolul)

Kapcsolódó eszközök