Alwane

Extract colors from any website and generate a code palette

5.0•1 review•

10 followers

Extract colors from any website and generate a code palette

5.0•1 review•

10 followers

Visit website

Design resources

A web-based tool for extracting colors from a chosen website or an existing CSS code; it also regroups/orders colors and gives you, in the end, a CSS/Sass colors palette.

Free

Launch tags:Design Tools•Productivity•Developer Tools

Launch Team

Framer AI AgentsDesign and publish professional sites with AI

Promoted

Thursday

This is really cool. @nehal_shetty don't you think this would make putting up our design system much easier?

Report

5yr ago

Divize

Maker

@nehal_shetty Glad you liked it! Thank you for your feedback!

Report

5yr ago

Divize

Maker

Hey, Hunters 👋 I'm Mehdi, Co-Founder of Alwane; We made this tool that I'm using personally; 🟩 alwane.io is a web-based tool giving you the ability to extract colors from any website or an existing CSS code, regroup/order colors, then generate a palette including a CSS/Sass file. A simple and handy tool to build your next project's colors, get inspiration, and examine your website's color palette. 🟩 It's a straightforward web application to help you generate palettes for your projects. It uses a color sorting algorithm to gather colors from a website's CSS or any other existing CSS code and regroup them into color classes. You can then order these colors, generate a CSS or SASS code, and start using it in your project. The tool also offers some other useful features: 1️⃣ Colors can be extracted from an existing CSS code (the one used by the website) or from any other CSS code. 2️⃣ Colors can be sorted and regrouped from a list of Hexadecimal codes. 3️⃣ Colors can be saved in sets: you can therefore create multiple lists of colors so that you can easily manage them. This is incredibly convenient when each set contains colors from a different website or project, and you want to keep track of everything separately. 4️⃣ You have complete control of the palette, where you can remove one color or a group of colors. I hope you like the tool. I’d be happy to answer any questions, and I welcome your feedback.

Report

5yr ago

Awesome tool that will help me and all developers to get the colors codes the right way, keep going on the good job.

Report

5yr ago

Divize

Maker

@abdelghani_guilighe That's the gem! Helping designers and devs to make their palettes from a starting point; Or analyze their current palettes for any colors shades over-usage; Or regroup/sort a palette to stay organized; Then generate CSS/SASS code ready to be used on your project; Thank you for your feedback 🙏

Report

5yr ago

Very good tool, as a Product Designer this tool makes my work easier, thank you ️🙏 😊

Report

5yr ago

Divize

Maker

@rachid_el_kaddouri The aim was from the beginning to create a tool that simplifies our process of picking up a palette color based on existing one's as a starting point to get inspiration. Plus, the tool helps us analyze our project's palettes for anomalies like unsorted/unorganized or color over-usage. Glad you find the tool helpful! Thank you for your feedback 🙏

Report

5yr ago