Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
209 lines (123 sloc) 7.56 KB

Color Tools, Wheels, Generators, Palettes and Collections

A roundup of different color tools, color wheels, image to color palette generators, community color palettes, and color collections.

Color Tools

  1. 0to255

    0to255 is a simple tool that helps web designers find variations of any color.

  2. Color Blender

    Pick a color value format, input two valid CSS color values in the format you chose, and pick the number of midpoints you'd like to see. The palette will show the colors you input as well as the requested number of midpoint colors, and the values of those colors.

  3. Color Crush

    Tinder for Color Pairing.

  4. ColorExplorer

    Simply put, ColorExplorer is an online toolbox for working with color palettes.

  5. Color Palette Creator

This tool was inspired directly by the excellent Creating Color Palettes article by Andy Clarke. It will create 10 shades of the base color, located top-left, at varying degrees of opacity.

  1. Color Thief

Grab the color palette from an image. Uses Javascript and the canvas tag to make it happen.

  1. color.hailpixel

  2. ColorBlender

    To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated.

  3. Colorblind Web Page Filter

  4. Color Schemer

Online Color Scheme Generator

  1. Colorspire

Create Color Schemes, Test Color Combinations

  1. colourcode

    Find your colour scheme.

  2. Coolors

    The super fast color schemes generator! Create, save and share perfect palettes in seconds!

  3. Contrast Ratio

    Easily calculate color contrast ratios. Passing WCAG was never this easy!

  4. Contrast-A

    Contrast-A checks color combinations for sufficient contrast and displays the results according to WCAG 2.0 (Luminance Ratio) as well as the results according to older accessibility guidelines, WCAG 1.0 (Difference in Brightness and Color).

  5. Grab Website Colors - Color Scheme Extraction Tool

    The website color extraction tool is used to grab colors from a website.

  6. Infohound Color Schemer

    This color schemer is a simple tool to help you experiment with various color schemes for your next web or print project.

  7. Material UI Colors

  8. Mother-effing hsl

Color Wheels

  1. Adobe Kuler

    Adobe Kuler is a web-hosted application for generating color themes that can inspire any project. No matter what you're creating, with Kuler you can experiment quickly with color variations and browse thousands of themes from the Kuler community.

  2. Color Scheme Designer

  3. Color Calculator

    Use the free Color Calculator to explore creative color options for your design project. Simply pick your base color(s), choose a color harmony, tweak/explore as needed, and see results.

  4. Color Wizard

    The color wizard lets you submit your own base color, and it automatically returns matching colors for the one you selected.

  5. Sphere: Color Theory Visualizer

Image Based Color Generators

  1. Adobe Kuler

  2. color hunter

    create and find color palettes made from images

  3. Color Palette FX

    Color Palette FX is a color tool for print and web design that creates color palettes from photos.

  4. Color Palette Generator

    Generate a color palette based on an image.

  5. COLRD Image DNA

  6. Genopal

    Create harmonious colour schemes with Genopal

  7. Image to Colors Palette Generator

    Welcome to CSS Drive's Image to Colors Palette Generator! Upload an image to generate a color palette based on the image's primary colors. Useful for quickly grabbing a particular color within an image for inspiration.

  8. Pictaculous

    Ever wonder what colors to use with an image? Upload your image – get a color palette!

Palettes

  1. COLRD

    ColRD: Create and share color inspiration with the world.

  2. ColoRotate

    Colors come to life in 3D! Browse color palettes, or create your own. Adjusts, mix and blend to your hearts content.

  3. COLOURlovers

    Share Your Color Ideas & Inspiration. COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of love.

  4. colr.org

    Play with colors and color schemes!

  5. Kuler

    Adobe Kuler is a web-hosted application for generating color themes that can inspire any project. No matter what you're creating, with Kuler you can experiment quickly with color variations and browse thousands of themes from the Kuler community.

  6. Random Color Palettes

    Generate random color palettes.

Collections

  1. 216 Web Safe Colors

  2. BrandColors

    A collection of major brand color codes...

  3. Flat UI Colors

  4. Fifty Shades of Grey: A Review