A Color Palette átvizsgál egy weboldal minden elemét, és kinyeri a használt színek teljes készletét — szövegtől és háttértől kezdve a keretekig, árnyékokig és kiemelésekig. A színek vizuális mintaként jelennek meg, gyakoriság szerint rendezve (leggyakrabban használt elöl), mindegyik a HEX-értékével és használati számával. Kattintson bármely mintára a másoláshoz, vagy exportálja a teljes palettát színkódok listájaként.
Minden jól megtervezett weboldalnak konzisztens színpalettája van — általában 3-8 elsődleges szín, plusz néhány semleges árnyalat. A Color Palette automatikusan kinyeri ezt a palettát, átvizsgálva minden elem számított color, background-color, border-color és box-shadow értékét. Az eredmény az oldal minden színének gyakoriság szerint rendezett gyűjteménye, amely teljes képet ad az oldal színrendszeréről. A domináns színek (az elsődleges márkaszín, háttérszín, szövegszín) magas használati számmal jelennek meg elsőként. A kiemelő színek és egyszeri értékek lejjebb jelennek meg. Ez felbecsülhetetlen a design kutatáshoz — látogasson meg bármely weboldalt, és néhány másodperc alatt nyerje ki a pontos színpalettáját. Hasznos a saját oldal auditálásához is: vannak-e a design rendszerhez nem illő elszabadult színek? Öt kissé eltérő szürke árnyalatot használ, amikor a design specifikáció csak 3-at határoz meg? A Color Palette láthatóvá és számszerűsíthetővé teszi a teljes színhasználatot.
Átvizsgálja az oldal minden látható elemét, és kinyeri a színeket a számított tulajdonságokból: color, background-color, border-color, box-shadow szín, outline-color és text-decoration-color. Az oldalon használt minden szín rögzítésre kerül.
A színek használati szám szerint vannak rendezve — a leggyakrabban használt szín jelenik meg elsőként. A domináns márkaszínek és háttérszínek a lista tetejére kerülnek, míg az egyszeri kiemelő színek a végére. Azonnal lássa az oldal elsődleges, másodlagos és kiemelő színeit.
Minden szín nagy vizuális mintaként jelenik meg, alatta a HEX-kóddal és a használati számmal. A minták elég nagyok ahhoz, hogy megkülönböztethetők legyenek a finom árnyalatbeli különbségek (pl. #333 vs. #2a2a2a).
Kattintson bármely színmintára a HEX-érték azonnali vágólapra másolásához. Nincs szükség színpanel vagy másodlagos párbeszédpanel megnyitására — egy kattintás, másolva, kész.
Kattintson az "Összes exportálása" gombra a teljes paletta formázott HEX színkód-listaként való másolásához. Illessze be egy design eszközbe, CSS-változófájlba vagy szín-dokumentációba. A lista megőrzi a gyakoriság szerinti sorrendet.
A színek normalizálva vannak (ugyanannak a színnek az rgb és hex ábrázolása egyesítve van) és a duplikátumok szűrve vannak. A paletta csak egyedi színeket mutat, kombinált használati számokkal a duplikált ábrázolásokhoz.
Látogasson meg gyönyörű színsémájú weboldalakat, és nyerje ki a pontos palettájukat. Használja a színeket kiindulópontként a saját designjához — vagy egyszerűen dokumentálja, mely színkombinációk működnek jól együtt.
Futtassa a Color Palette-et a saját oldalán a márkaszín-konzisztencia ellenőrzéséhez. Van 4 kissé eltérő kék szín ott, ahol 1-nek kellene lennie? Bekúsznak a márkától idegen színek? A gyakoriság szerinti rendezés nyilvánvalóvá teszi az eltéréseket.
Exportálja a palettát, és alakítsa CSS egyéni tulajdonságokká (--color-primary, --color-secondary stb.). A gyakoriság szerint rendezett kimenet megmutatja, mely színek érdemlik ki az elsődleges, másodlagos és kiemelő szerepet.
Nyerjen ki színpalettákat konkurens weboldalakból, hogy megértse a márkapozicionálásukat. Meleg vs. hideg színek, magas kontraszt vs. visszafogott — a paletta feltárja a tudatos design döntéseket.
Lássa az összes szövegszínt a háttérszínek mellett. Van olyan szöveg-háttér kombináció, ami túl alacsony kontrasztú? A paletta megadja a színek teljes készletét a WCAG kontrasztkövetelményekhez való ellenőrzéshez.
Nyissa meg a DevSuite Pro lebegő dokkját, és kattintson a Color Palette ikonra. Az eszköz átvizsgálja az oldal minden elemét, és kinyeri az összes színértéket.
Megjelenik egy színminta-rács, használati gyakoriság szerint rendezve. A leggyakrabban használt színek felül vannak. Minden minta megmutatja a HEX-kódot és az adott színt használó elemek számát.
Kattintson bármely mintára a HEX-érték vágólapra másolásához. Rövid megerősítés jelenik meg.
Kattintson az "Összes exportálása" gombra, hogy minden színt formázott listaként másoljon. Illessze be a CSS-változófájljába, design eszközébe vagy dokumentációjába.
Navigáljon ugyanazon oldal különböző aloldalaira, és nyerje ki a palettákat a színkonzisztencia ellenőrzéséhez az egész oldalon.
Telepítse ingyen a DevSuite Pro-t, és oldjon fel 64+ fejlesztői eszközt böngészőjéhez.
