Resources 4 WebDev

Colors

Websites and resources that help with choices related to colors

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

Get 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.

Palettte App

Build smooth color schemes that flow from one color to another.

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.

Duotone

Find beautiful free duotone images to use in any project, or make custom duotone images by uploading your own image and applying a duotone effect in seconds.

coolbackgrounds generator

Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites.

Color Shades Generator

We can quickly generate color shades of our favorite colors or any colors, to create templates or css components with multiple color shades and more useful tools available on same site