Dev Resources

Create your page and grow your online presence.

Top 24 Color Resources For Developers - Dev Resources

  • Accessible Color Generator - A tool for creating color variations on a base color to meet WCAG AA or AAA color contrast ratio guidelines.
  • Branition Colors - Hand-curated collection of color palettes best fitted for branding.
  • Color-hex - Color hex is a easy to use tool to get the color codes information including color models (RGB,HSL,HSV and CMYK), css and html color codes.
  • Color Hunt - Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes.
  • - A modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.
  • Colorffy - Create many gradients and palettes or save one of many color schemes, for everyone who needs colors.
  • Colormind - Generate color combinations in one click. Colormind creates cohesive color schemes using a deep neural net.
  • - A fun way to discover interesting color combinations.
  • Colorsinspo - Colorsinspo is all in one resource to find everything about colors with extreme ease. Also, you will get Freebies, Inspirations, Color Tools, Gradients, and thousands of trendy hand-picked color palettes.
  • ColorSpace - Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color!
  • ColorZilla - Advanced Eyedropper, Color Picker, Gradient Generator and more.
  • Contrast Ratio - Easily calculate color contrast ratios.
  • Coolors - Generate or browse beautiful color combinations for your designs.
  • CSS Gradient - As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
  • Data Viz Color Picker - A color palette generator for data visualizations.
  • Eggradients - Ready to use gradient background colors. Cool Gradients are prepared according to the latest design trends. And it is served in the form of eggs. With hex and CSS codes.
  • Gradient - Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.
  • Gradientos - Find and test gradients easily.
  • Happy Hues - See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.
  • Material Design Palette - Choose your favorite colors and get your Material Design palette generated and downloadable.
  • Nord - A arctic, north-bluish color palette
  • Palette List - Palette List is a dynamic palette generator.
  • Realtime Colors - Visualize your colors and fonts on a real website.
  • uiGradient - Library of dozens of Gradients ready to use with CSS class and also HEX color.


Pattern grid

Biweekly newsletter

Receive the newly added resources straight into your inbox every two weeks.

4000+ developers already joined!

Dev Resources

Website by @marcelcruz

Resources by the community