Ha csak találgatod, mely színek illenek össze, az időt pazarol a tervezésnél. Ez a generátor a klasszikus színkör-harmóniákat alkalmazza - ugyanazokat az árnyalati összefüggéseket, amelyeket a színelméletben tanítanak -, így minden paletta matematikailag összehangolt, nem csak szemre becsült. Kattints bármelyik színmintára a hexakód másolásához, vagy másold ki az egész palettát kész, beilleszthető CSS custom property-ként. Teljesen kliensoldali: nincs fiók, nincs feltöltés, nincs nyomon követve a márkaszíneid.
Ingyenes Színpaletta Generátor
Teljesen a böngésződben fut - feltöltés és regisztráció nélkül.
Harmónia
CSS változók
Mi az a színpaletta generátor?
A színpaletta generátor egy alapszínből épít fel összeillő színsémát a színkör-elmélet alapján. Válassz vagy írj be egy hexa színt, válassz egy harmóniát - kiegészítő, analóg, triádikus vagy monokróm -, és a program azonnal kiszámítja az összehangolt színeket, mindegyiket másolható hexakóddal. Minden a böngésződben fut.
Így működik
- 1Állítsd be az alapszínt. Kattints a színválasztóra a vizuális kiválasztáshoz, írj be egy hexakódot, például #6366f1, vagy nyomd meg a Véletlen gombot egy új kiindulóponthoz.
- 2Válassz harmóniát. Válts a kiegészítő, hasított kiegészítő, analóg, triádikus, tetrádikus, monokróm, sötétített és világosított módok között. A paletta azonnal újraszámolódik.
- 3Másold a színeket. Kattints bármelyik színmintára a hexakód másolásához, vagy használd a Másolás gombot, hogy az egész palettát CSS változóként kapd meg.
Kinek hasznos
- Webdesignerek, akik egyetlen márkaszínből indítanak egy oldalt: analóg vagy hasított kiegészítő párokat generálnak háttereknek, gomboknak és kiemeléseknek.
- Front-end fejlesztők, akiknek design token alapra van szükségük: kimásolják a palettát CSS változóként, és egyből beillesztik a stíluslapba.
- Marketingesek és prezentációkészítők, akik diagramokat, közösségi médiás grafikákat vagy prezentációkat igazítanak egy logó színéhez, tervezőeszköz nélkül.
- Illusztrátorok és hobbisták, akik egyetlen árnyalat sötétebb és világosabb változatait fedezik fel, hogy mélységet, fényeket és árnyékokat építsenek egy műbe.
Gyakori kérdések
Ingyenes ez a színpaletta generátor?
Igen - 100%-ban ingyenes, regisztráció, vízjel és korlátozás nélkül. Készíts és másolj annyi palettát, amennyit csak szeretnél, személyes vagy kereskedelmi projektekhez egyaránt.
Feltöltődnek valahova a színadataim?
Nem. A paletta teljes egészében a böngésződben számolódik ki, egyszerű JavaScripttel. A márkaszíneid, a beírt adatok és a kattintásaid soha nem kerülnek ki egy szerverre sem.
Mi az a kiegészítő szín?
A kiegészítő szín az alapszíneddel pontosan szemben helyezkedik el a színkörön - ez egy 180 fokos árnyalatelfordítás. Az olyan kiegészítő párok, mint a kék és a narancs, adják a legerősebb kontrasztot, ezért kedveltek call-to-action gombokhoz egy márkaháttéren.
Mi a különbség az analóg és a triádikus paletták között?
Az analóg paletták szomszédos árnyalatokat használnak (az alapszíntől kb. 30 fokon belül), így nyugodt, egységes hatást keltenek. A triádikus paletták három, egymástól 120 fokra lévő árnyalatot választanak, ami élénkebb, kiegyensúlyozott sémát ad, erősebb kontraszttal a színek között.
Mik a sötétített és világosított árnyalatok?
A sötétített változat az alapszín fényerejét a fekete felé csökkenti; a világosított a fehér felé emeli. Mindkettő megtartja ugyanazt az árnyalatot és telítettséget, ezért ideálisak hover állapotokhoz, szegélyekhez és egy márkaszín háttérrétegeihez.
Hány színből álljon egy weboldal palettája?
Az elterjedt szabály a 60-30-10: egy domináns szín a felület kb. 60%-ára, egy másodlagos szín 30%-ra, és egy kiemelő szín 10%-ra. Kezdj egy 3-5 színű harmóniával, majd adj hozzá sötétített és világosított változatokat az állapotokhoz és felületekhez.
Miért nem változik szinte semmit a paletta szürkénél vagy feketénél?
A szürke, a fekete és a fehér telítettsége nulla, tehát nincs árnyalat, amit a harmóniaforgatás elmozdíthatna - a semmi elforgatása ugyanazt a semleges eredményt adja vissza. Ehelyett a fényerő-módokkal építs semleges skálát: világosított árnyalatokat feketéhez vagy sötétszürkéhez, sötétített árnyalatokat fehérhez vagy világosszürkéhez, monokrómot pedig közepes szürkékhez.