Colors are tricky. It’s a common thing to spend hours upon hours on tweaking color combinations for a project. Whether you are a web designer or developer with an infinite number of possible color combinations out there, it can be hard to decide what colors to use on your site or app. So in this post I’ve collected some best tools to produce color sets for designer and developer.
An arctic, north-bluish color palette. A total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful ambiance. Created for clear, uncluttered and elegant designs following a minimal and flat style pattern. For syntax highlighting it aims to ensure an undisturbed focus on important parts of the code, a good readability and a quick visual distinction between the different syntax elements. Nord consists of four named color palettes providing different syntactic meanings and color effects for dark & bright ambiance designs.
A tool to sort the named CSS colors in a way that it shows related colors together
Happy Hues solves the problem of not knowing how to apply a color palette to your designs. It not only gives you color palette inspiration, but shows you, in a real example, how you could use the colors for your backgrounds, headline, illustrations, etc.
Generate, visualize, and document accessible color palettes.
Enter your Brand color and get beautiful color combination generated by AI. The unique color system simplifies pallets creation making it fun to choose a stunning color scheme for your next product. Easy export included. It’s completely free.
Automatically get color inspiration for your graphic designs, logos and illustrations. See your designs re-colorized in the style of classical and modern art movements.
Useful tool for creating data visualization palettes. This color picker allows you to specify both endpoints of the palette. You can choose at least one to be a brand color, which gives you significant flexibility in creating a palette that will work for your visualizations, yet be customized for your brand.
This tool should help you visualize an entire palette of all color combinations with accessibility in mind. The combinations are ordered by color contrast ratio. Try it out with these sample colors, and then create a palette of your own.
It’s the best tool I’ve found to visualize and edit color palettes. It helps you to create, analyze and edit smooth color palettes. Fine tune hue, saturation and value gradients of your palettes. Import existing color schemes, find errors or automatically find the most similar colors from a new palette to a list of legacy colors from your codebase.
Get perfect Material Design color palettes from any hex color.
Sim Daltonism is a color blindness simulator for iOS and Mac. It takes a live video feed from the camera on iOS and filters it in real time using a color blindness simulation algorithm.
A macOS app for quick access to WCAG color contrast ratios.
We experience contrast differently in different colors. Because of how our eyes work, blue text on a white background will be much more easily read than a yellow. When you are designing for humans, in whatever medium, this is something to always keep in mind. This ia a modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.
Steal Beautiful colors from Dribbble shots easily.
ColorClaim is simple. All I do is collect my favorite color combinations on one big page. Usually these combinations are very subtle, one main and one accent color.
Hue is a collection of hand-picked color palettes for inspire your design and make beautiful website and app. Hue is as clean as they come and the simplicity is hard to ignore. No frills, just colors, and just plain fun to browse. The system is based on 60-30-10 color ratio rule and it help you to balance and apply the colors to your design.
ColorHexa.com is a free color tool providing information about any color and generating matching color palettes for your designs (such as complementary, analogous, triadic, tetradic or monochromatic colors schemes). Just type any color value in the search field and ColorHexa will offer a detailed description and automatically convert it to its equivalent in Hexadecimal, RGB, CMYK, HSL, HSV, CIE-LAB / LUV / LCH, Hunter-Lab, XYZ, xyY and Binary.
Polarite is a machine learning assisted decision making app for generating harmonious color schemes.
It’s free, easy and you won’t find such a supportive community of “colorful” folks anywhere else.
This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.
Colorbox is a tool to produce color sets open-sourced by Lyft’s design team. This tool helps you avoid choosing ugly color combinations.
Colors that work together are curated and fashioned into quality palettes that you can incorporate. No more racking your brain to find the right color combinations!
A modern color picker built for designers and developers that allows you to collect, organize and edit colors. Use Sip to share colors with everyone and link them between your other tools.
Make color schemes. Enter the URL of an image to get a color palette that matches the image. This is useful for coming up with a website color scheme that matches a stock photo a client wants to work with.