Ugrás a tartalomhoz
100% helyi

Szín palettagenerátor

Alakítson egy alapszínből teljes paletát a szín kör harmónia szabályai alapján.

Bemenet
0
0
Kimenet

Szín palettagenerátor

Írjon be egy alapszínt hex kódként, rgb() vagy hsl() értékként, és ez az eszköz teljes paletát épít körülötte a szín kör harmónia szabályait használva, nem csak az árnyalat egyszerű világosítása. Válasszon komplementer színt az egyik ellentétes színhez, osztott komplementert vagy triádikus harmóniát az egyensúlyos kontraszt érdekében, tetradikus négyszöget a négy szín háromszögéhez, analógot a természetesen illő szomszédos árnyalatokhoz, vagy monoktómat az egy árnyalat tónusaihoz és árnyékaihoz.

A harmónia beállítása meghatározza, hogy hány szín jön ki – a komplementer mindig kettőt, a triádikus és osztott komplementer három színt, a tetradikus négyet ad vissza – míg a szín szám és árnyalat lépés szöge csak az analóg és monokróm harmóniára vonatkozik, ahol Ön dönt, hogy hány szín és milyen messze vannak egymástól. Számítson HSL-ben a klasszikus szín kör matematikára, vagy váltson OKLCH-re, amely az ugyanolyan fényerőt tartja minden árnyalaton, hogy egy paletta ne jöjjön ki egy szín mintával furcsán sötéten vagy elmosódottan a többi mellett. A telítettség és a fényerő módosítási csúszkái finomhangolják a teljes paletát a harmónia felépítése után, és a szín formátum opció mindegyik eredményt hex, rgb(), hsl() vagy oklch() színként írja ki.

Minden szín mintát ellenőriznek a WCAG AA (4.5:1) fehér és fekete háttéren szövegként, jelzéssel vagy kereszttel minden hányados mellett – hasznos a generált paletta szín kiválasztásához, hogy mely szín biztonságos a szövegtörzshöz és mely csak dekorációhoz. Exportálja az eredményt egyszerű listaként, egy CSS egyéni tulajdonság blokkként, amelyet azonnal beilleszthet egy stíluslapba, vagy egy Tailwind config szín objektumként.

Minden helyen működik a böngészőjében – az Ön által megadott szín soha nem kerül feltöltésre sehová. Másolja ki az outputot, töltse le .txt fájlként, vagy küldje el egy másik eszköz bemenetéhez, hogy folytassa a munkát vele.

Gyakori kérdések

Milyen bemeneti formátumot fogad el az alapszínhez?
Hex kódok (#3b82f6, #38f, # jellel vagy anélkül), rgb()/rgba() és hsl()/hsla(). Illesszen be az egyiket, és a paletta azonnal frissül.
Mi a különbség a HSL és az OKLCH között a számításnál?
HSL a klasszikus szín kör matematika és gyors és kiszámítható. Az OKLCH egy érzékletesen egyenletes tér, így az ebben épített paletta jobban megőrzi az érzékelt fényerőt az árnyalatokra nézve, ahelyett hogy néhány szín véletlenül sötétebbnek vagy halványabbnak nézne ki a többi mellett.
Miért befolyásolja a "szín a palettában" módosítása csak néhány harmóniát?
A komplementer, osztott komplementer, triádikus és tetradikus definíció szerint rögzítve van – kettő, három, három és négy szín. A szám csak az analógot és monoktómát vezérli, amelyek ésszerűen tetszőleges számú szín lehet.
Mit jelent az AA pipa/kereszt az egyes szín mellett?
Ez az adott szín WCAG kontraszt aránya fehér és fekete háttéren szövegként, pipával, ha meghaladja a 4.5:1 AA küszöbértéket, és kereszttel, ha nem.
A szín feltöltésre kerül valahová?
Nem. A paletta teljes egészében a böngészőjében jön létre – az Ön által begépelt semmi nem kerül szérveré.