Lang
Gyakorlati eszközök generátor
Színpaletta generátor
Készíts harmonikus és akadálymentes palettát alapszínből, fényképből vagy egy új véletlenszerű ötletből.
HEX · RGB · HSL · OKLCH · WCAG
Színpaletta-tervező
Készíts harmonikus és akadálymentes palettát alapszínből, fényképből vagy egy új véletlenszerű ötletből.
🖼️ Színek kinyerése képbőlA képet csak a böngésződ dolgozza fel, nem töltjük fel a szerverre.
Tipp: új palettához nyomd meg a Szóköz billentyűt.
A palettád
Kattints bármelyik kódra a másoláshoz. Generálás előtt zárolhatod és átrendezheted a színeket.
Húzd a kártyákat, vagy használd a nyílgombokat az átrendezéshez.
Élő felület-előnézet
A palettád
Szerep: Kiemelő
Átláthatóbb vizuális rendszer
Nézd meg a palettát valósághű kártyán, navigáción, szövegen és gombon.
Akadálymentesség és kontraszt
–
Kontraszttáblázat
Színlátási előnézet
Közelítő előnézet; mindig tesztelj valódi felhasználókkal, és ne csak színnel közölj információt.
Színátmenet-készítő
Paletta exportálása
Válassz színharmóniát
A monokróm paletta egyetlen árnyalatot variál. Az analóg színek egymás mellett vannak, a komplementer, triád és tetrád módok távolabbi árnyalatokat kapcsolnak össze.
Ellenőrizd az akadálymentességet
A WCAG-kontraszteredmény szöveges jelzést is kap. Normál szövegnél az AA szinthez 4,5:1, nagy szövegnél 3:1 szükséges.
Használd a megfelelő formátumot
A HEX és RGB széles körben használható, a HSL könnyen módosítható, az OKLCH pedig érzékelés szerint egyenletesebb világosságot és telítettséget kínál.
Színpaletta-generátor – gyakori kérdések
Mi az a színharmónia?
A színharmónia az árnyalatok ismételhető kapcsolata, például analóg, komplementer vagy triád elrendezés.
Hogyan készíthetek akadálymentes palettát?
Ellenőrizd az előtér és háttér kontrasztját, ne csak színnel közölj információt, és teszteld az interaktív állapotokat is.
A feltöltött kép a szerverre kerül?
Nem. A színkinyerés helyben, a böngészőben történik, a képet az eszköz nem tölti fel.
Melyik exportformátumot válasszam?
Weboldalhoz CSS-változókat, stíluslaphoz SCSS-t, alkalmazáshoz JSON-t, vizuális mintához pedig PNG-t használj.
Kisállat-, digitális és webes eszközök
Másik kisállatos vagy digitális eszközt keresel?
Nézd meg a kutya- és macskaéletkor-, állateledel- és gyógyszeradagoló eszközöket, valamint a színpaletta-, adattárolás-, pixelsűrűség- és RGB–HEX átváltókat.