Color Detection

Simply add the stack to a project and it will automatically detect all the colors used in your design.

Element Highlighting

As you edit a color, any matching elements can be highlighted to let you know what you are working on.

Color Grouping

Merge similar colors into groups so they can be modified together. Optionally separate text and background colors for a more fined tuned approach.

Color Lightness & Saturation

With the included controls, adjust saturation to create a more cohesive look or adjust lightness for better contrast to improve readability and accessibility.

Color Tools

Use an eyedropper tool* to grab a color from anything on the screen. The built-in color field is also perfect for adding colors or copying colors to apply manually.

Generated CSS

Once you've found the perfect color combination, our stack can generate CSS code that you can copy and paste for quick application.

Dark/Light Mode (Great for WCAG Compliance)

Quickly try out new color schemes or create a dark/light mode version of your website. You can optionally apply your changes based on visitor color preference or even browser width.

1LD SUPPORT

We won’t leave you hanging! As with any purchase from 1LD, you will have access to our top-notch tech support to help you with any issues you face. Whether it be that 3rd-party addon/stack that refuses to play nice or just some web design advice, our team is there for you.