Resources / Colors
From Coolors and Adobe Color to Khroma and Color Hunt, this collection covers every stage of working with color: palette generation, CSS gradients, accessibility contrast checking, and brand color lookup.
Quick Guide
Use CodeHelper's tools when you need:
- •Privacy & offline processing
- •No account or signup required
- •Fast, client-side operations
Use external tools when you need:
- •Team collaboration features
- •Cloud storage & synchronization
- •Extensive template libraries
All Tools
Color Brewer 2
The original color palette generator, also supporting color blindness. Probably the scientifically best option. Also probably not the prettiest.
Huetone
A tool to create accessible color systems.
Colormind.io
Color palette generator
ColorCurves.app
Color palette generator that uses curves to generate color palettes
ColorGradient
A free tool to create simple and complex CSS Gradients visually
Coolors
Create the perfect palette or get inspired by thousands of beautiful color schemes
HTML Color Codes
HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names
Colors & Fonts
A curated library of colors, fonts and resources
Palette List
Pick 2 colors you like and the tool generates thousands of palettes for you.
Google Material Color Tool
Official Google Material Color Palette Tool
Material Palette
Free to pick palettes, icons and colors for Material Design
ColorSpace
Generate nice color palettes from one color
FlatUIColors
Beautiful set of color palettes in various flavors
Adobe Color
Create color palettes, extract gradients from images, etc.
Colorsinspo
All-in-one resource for finding everything about colors
ColorsWall
Place to store your color palettes and generate palette in one click
Happyhues
Happy Hues is a color palette inspiration site that acts as a real-world example as to how the colors could be used in your design projects by Mackenzie Child
Adobe Trends
Discover current color trends in different industries from the creative communities on Behance and Adobe Stock
Color Hunt
A free and open platform for color inspiration with thousands of trendy hand-picked color palettes
Gradient Hunt
A free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients
Web Gradients
A free website to find good CSS gradients
ColorBox
A free website to produce color set
CSS gradient
A free website to make custom gradient and some examples of gradient
Gradienta
A pure css and jpg gradients
UI Gradients
UI gradients color generator
Palette Generator
Generate new color palette with every spacebar press
Material Palettes
1000+ Material Design palettes
Grabient
Gradient Selector
ShadeSwash
Quickly generate shades of any color
BrandColors
The biggest collection of official brand color codes
Brand Palettes
Logo Color Codes and Palettes
Material Design Palette Generator
Generate theme and color palette Material Design-like
Colorate
Color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.
0to255
A color tool that makes it easy to lighten and darken colors. It's perfect for hover states, borders, gradients, and more.
Color Blender
A tool that shows the midpoint colors between two colors
Gradient Buttons
Ready to use copy/paste gradient buttons
Khroma
Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.
Whocanuse
A tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
Colorable
Color combination contrast tester
Color Hex Picker
Tool to get hex code along with name of the color.
Saruwakakun
The stunning color scheme for website & App Designs with previews
Paletton
Paletton.com is a designer color tool designed for creating color combinations that work together well
Colorzilla
A powerful online Photoshop-like CSS gradient editor
CSS Gradient Editor
You may only need this tool for creating CSS gradient backgrounds and patterns.
Image Color Picker
Image color picker and palette generator
CombineCOLORS
Color mixing tool
Color Lovers
It will show the color schemes which are popular in the outside world.
HTML CSS Color
Free online Color (USA) or Colour (British) tools: information, gradient generator, color wheels etc.
HEX Color Codes
It gets HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names.
CoolHue 2.0
A free tool that shows different gradient examples in CSS and PNG format
Colors.lol
Interesting color palettes generated by a Twitter bot, there are hex codes and descriptive names for each color.
Colors Dopely
Super-fast and simple color palette generator, palettes can be saved and shared in seconds.
UIColor Picker
A collection of UI Colors with hex codes available to be copied in just one click.
Color Hex
Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK) and generates a simple css code for the selected color.
FarbVelo
A random color palette generator
Veranda Color
Browse color palettes made by other designers, generate and submit your own
Duo
Duo is a collection of colour combinations that I've curated from personal projects or that I've come across on the web.
Lospec Palette List
The Lospec Palette List is a database of palettes for pixel art.
Eggradients
Gradient Background Colors with eggs.
Gradientos
Find and test gradients easily.
Encycolorpedia
Website for referencing web colors. Color knowledge, Web colors, Hex color codes.
Croma
A website for pick colors quickly from image or manually. It's color picker is easier to use.
Color Designer
A gradient generetor from one color.
Best Color Tools for Developers & Designers
A great color palette is the foundation of any successful web or app design. Whether you need a hex color picker, a CSS gradient generator, or a color contrast checker for accessibility compliance, having the right color tools saves hours of manual work.
CodeHelper's curated color resources collection includes over 50 tools covering palette generation, gradient creation, accessibility testing, brand colors, and more : all free to use.
What to look for in a good color tool
- Accessibility support: Check that colors meet WCAG contrast ratio standards for readable, inclusive designs.
- Export options: Good tools export HEX, RGB, HSL, and CSS code directly.
- Inspiration mode: Browsable galleries of curated palettes help when you're starting from scratch.
How to use this resource collection
- Browse the curated list of color tools below.
- Click any tool to open it in a new tab.
- Use the search bar to filter by name or description.
Whether you are building a brand identity, designing a UI component library, or simply looking for web design colors that work together, this free curated collection saves you hours of research.