Farvepalet scanner alle elementer på en webside og udtrækker det komplette sæt af farver brugt — fra tekst og baggrunde til kanter, skygger og accenter. Farver vises som visuelle prøver sorteret efter frekvens (mest brugt først), der hver viser sin HEX-værdi og brugstæller. Klik på en prøve for at kopiere, eller eksportér hele paletten som en liste af farvekoder.
Hvert veldesignet websted har en konsistent farvepalet — normalt 3-8 primære farver plus nogle neutrale. Farvepalet udtrækker denne palet automatisk ved at scanne hvert elements beregnede farve, baggrundsfarve, kantfarve og box-shadow-værdier. Resultatet er en frekvens-sorteret samling af alle farver på siden, der giver dig det komplette billede af stedets farvestystem. Dominerende farver (den primære brandfarve, baggrundsfarve, tekstfarve) vises først med høje brugstæller. Accentfarver og enkeltbrugs-værdier vises længere nede. Dette er uvurderligt til designforskning — besøg et websted og udtræk dets præcise farvepalet på sekunder. Det er også nyttigt til at auditere dit eget sted: Er der fremmede farver, der ikke tilhører dit designsystem? Bruger du 5 lidt forskellige gråtoner, når designspecifikationen kun definerer 3? Farvepalet gør hele farveanvendelsen synlig og tælbar.
Scanner alle synlige elementer på siden og udtrækker farver fra beregnede egenskaber: farve, baggrundsfarve, kantfarve, box-shadow farve, konturfarve og text-decoration-farve. Alle farver brugt på siden fanges.
Farver sorteres efter brugstæller — den mest brugte farve vises først. Dominerende brandfarver og baggrunde stiger til toppen, mens enkeltbrugs-accentfarver vises sidst. Se øjeblikkeligt sidens primære, sekundære og accentfarver.
Hver farve gengives som en stor visuel prøve med dens HEX-kode og brugstæller vist nedenunder. Prøverne er store nok til at skelne subtile nuanceforskelle (som #333 vs. #2a2a2a).
Klik på en farveprøve for at kopiere dens HEX-værdi til din udklipsholder øjeblikkeligt. Ingen grund til at åbne et farvepanel eller sekundær dialog — ét klik, kopieret, gjort.
Klik Eksportér alt for at kopiere hele paletten som en formateret liste over HEX-farvekoder. Indsæt i et designværktøj, CSS-variabelsfil eller farvdokumentation. Listen bevarer frekvenssorteringsrækkefølgen.
Farver normaliseres (rgb og hex-repræsentationer af den samme farve fusioneres) og deduplikeres. Paletten viser kun unikke farver med kombinerede brugstæller for duplikerede repræsentationer.
Besøg websteder med smukke farveskemaer og udtræk deres præcise palet. Brug farverne som udgangspunkt for dit eget design — eller dokumenter blot, hvilke farvekombinationer der fungerer godt sammen.
Kør Farvepalet på dit eget sted for at verificere brandfarve-konsistens. Er der 4 lidt forskellige blå, hvor der burde være 1? Kryber ikke-brandfarver ind? Frekvenssorteringen gør inkonsistenser tydelige.
Eksportér paletten og konvertér den til CSS-brugerdefinerede egenskaber (--farve-primær, --farve-sekundær osv.). Det frekvens-sorterede output fortæller dig, hvilke farver der fortjener primære, sekundære og accentroller.
Udtræk farvepaletter fra konkurrenters websteder for at forstå deres brandpositionering. Varme farver vs. kolde farver, høj kontrast vs. dæmpet — paletten afslører bevidste designvalg.
Se alle tekstfarver ved siden af baggrundsfarver. Er nogen tekst-baggrundskombinationer for lav kontrast? Paletten giver dig det fulde sæt farver at tjekke mod WCAG-kontrastkrav.
Åbn den flydende DevSuite Pro-dock, og klik på Farvepalet-ikonet. Værktøjet scanner alle elementer på siden og udtrækker alle farveværdier.
Et gitter af farveprøver vises, sorteret efter brugsfrekvens. De mest brugte farver er øverst. Hver prøve viser HEX-koden og antallet af elementer, der bruger den farve.
Klik på en prøve for at kopiere dens HEX-værdi til din udklipsholder. En kort bekræftelse vises.
Klik Eksportér alt for at kopiere alle farver som en formateret liste. Indsæt i din CSS-variabelsfil, designværktøj eller dokumentation.
Naviger til forskellige sider på det samme sted og udtræk paletter for at verificere farvekonsistens på tværs af stedet.
Installer DevSuite Pro gratis og lås op for 39+ udviklerværktøjer til din browser.
