New tools, and fresh HTML, CSS, and JavaScript tricks — get it all by subscribing to Web Weekly! 💌
Follow on Twitter Follow RSS Add helper

Tools for tag "Color"

Sort by name Sort by date
  1. Screenshot of Color×Color

    Color×Color

    Generate color palettes in Okhsl and HSLuv color spaces.

    Added May 2024

    Made by

    • GitHub profile image of saneef
    Go to Color×Color
  2. Screenshot of tints.dev

    tints.dev

    Generate Tailwind color palettes.

    Added Feb 2024

    Made by

    • GitHub profile image of SimeonGriggs
    Go to tints.dev
  3. Screenshot of Huemint

    Huemint

    Generate color schemes using various AI models

    Added Feb 2024
    Go to Huemint
  4. Screenshot of Colorca

    Colorca

    Design an accessible color palette for digital products in HSLuv color space

    Added Aug 2023

    Made by

    • GitHub profile image of surfinzap
    Go to Colorca
  5. Screenshot of HD Gradients

    HD Gradients

    Explore and generate modern CSS gradients.

    Added Apr 2023

    Made by

    • GitHub profile image of argyleink
    Go to HD Gradients
  6. Screenshot of Schemist

    Schemist

    Build cohesive and accessible color schemes

    Added Nov 2022

    Made by

    • GitHub profile image of felixgirault
    Go to Schemist
  7. Screenshot of OKLCH color converter

    OKLCH color converter

    Pick and convert oklch colors.

    Added Oct 2022
    Go to OKLCH color converter
  8. Screenshot of Branition Colors

    Branition Colors

    Explore top hand curated color pallets best fitted for brands.

    Added Oct 2022
    Go to Branition Colors
  9. Screenshot of Alphredo

    Alphredo

    Generate translucent colors looking the same as their opaque counterparts when placed against the same background.

    Added Sep 2022
    Go to Alphredo
  10. Screenshot of hhhue

    hhhue

    Select beautiful color with a collection of curated color palettes

    Added Aug 2022

    Made by

    • GitHub profile image of thisisseb
    Go to hhhue
  11. Screenshot of #HEXWORDS

    #HEXWORDS

    Find hex color words.

    Added Jul 2022

    Made by

    • GitHub profile image of paoloricciuti
    Go to #HEXWORDS
  12. Screenshot of CSS Gradient Generator

    CSS Gradient Generator

    Generate beautiful color gradients.

    Added Jun 2022
    Go to CSS Gradient Generator
  13. Screenshot of Palettte

    Palettte

    Create color palettes.

    Added Jun 2022
    Go to Palettte
  14. Screenshot of Goodpalette

    Goodpalette

    Make beautiful color palettes for UI.

    Added Jun 2022

    Made by

    • GitHub profile image of manutastic
    Go to Goodpalette
  15. Screenshot of Color Morph

    Color Morph

    Create beautiful SVG gradients.

    Added Apr 2022
    Go to Color Morph
  16. Screenshot of pppalette

    pppalette

    Generate beautiful color palettes

    Added Mar 2022

    Made by

    • GitHub profile image of thisisseb
    Go to pppalette
  17. Screenshot of hue.tools

    hue.tools

    Mix, blend, convert and modify colors.

    Added Feb 2022

    Made by

    • GitHub profile image of pabueco
    Go to hue.tools
  18. Screenshot of LCH Colour Picker

    LCH Colour Picker

    Convert colors from lch to rgb.

    Added Feb 2022

    Made by

    • GitHub profile image of LeaVerou
    Go to LCH Colour Picker
  19. Screenshot of Coolors

    Coolors

    Generate color palettes.

    Added Feb 2022
    Go to Coolors
  20. Screenshot of Meshy

    Meshy

    Generate beautiful mesh gradient backgrounds

    Added Feb 2022

    Made by

    • GitHub profile image of anup-a
    Go to Meshy
  21. Screenshot of Alwane.io

    Alwane.io

    Extrace CSS color palettes from any website.

    Added Jan 2022
    Go to Alwane.io
  22. Screenshot of Gradient Generator

    Gradient Generator

    Create CSS gradients.

    Added Jan 2022
    Go to Gradient Generator
  23. Screenshot of Non Boring Gradients

    Non Boring Gradients

    Generate good-looking gradients.

    Added Jan 2022
    Go to Non Boring Gradients
  24. Screenshot of Polychroma

    Polychroma

    Generate gradients without the gray dead zone.

    Added Jan 2022

    Made by

    • GitHub profile image of stormwarning
    Go to Polychroma
  25. Screenshot of Gradientos

    Gradientos

    Find and test gradients easily

    Added Dec 2021

    Made by

    • GitHub profile image of henripar
    Go to Gradientos
  26. Screenshot of cccolor

    cccolor

    Pick colors and build a cohesive palette

    Added Nov 2021

    Made by

    • GitHub profile image of thisisseb
    Go to cccolor
  27. Screenshot of Huetone

    Huetone

    Create accessible color palettes.

    Added Oct 2021
    Go to Huetone
  28. Screenshot of couleur.io

    couleur.io

    Create harmonizing color palettes

    Added Oct 2021

    Made by

    • GitHub profile image of thisisseb
    Go to couleur.io
  29. Screenshot of Gradihunt

    Gradihunt

    Generate color gradients.

    Added Oct 2021
    Go to Gradihunt
  30. Screenshot of Vivid gradient generator

    Vivid gradient generator

    Generate gradient without gray dead zone.

    Added Oct 2021
    Go to Vivid gradient generator
  31. Screenshot of Fette­Palette

    Fette­Palette

    Generate color ramps based on a curve within the HSV color model.

    Added Oct 2021

    Made by

    • GitHub profile image of meodai
    Go to Fette­Palette
  32. Screenshot of Huey

    Huey

    Create color palettes.

    Added Sep 2021
    Go to Huey
  33. Screenshot of Conic.Style

    Conic.Style

    Find CSS conic gradients.

    Added Sep 2021

    Made by

    • GitHub profile image of argyleink
    Go to Conic.Style
  34. Screenshot of Accessible Palette

    Accessible Palette

    Create color systems with consistent lightness and contrast.

    Added Sep 2021
    Go to Accessible Palette
  35. Screenshot of Hue Mint

    Hue Mint

    Create unique color schemes for your websites.

    Added Aug 2021
    Go to Hue Mint
  36. Screenshot of Colormind

    Colormind

    Create color schemes from photographs, movies, and popular art using AI.

    Added Feb 2021
    Go to Colormind
  37. Screenshot of Color Hunt

    Color Hunt

    Get color inspiration with hand-picked color palettes

    Added Feb 2021
    Go to Color Hunt
  38. Screenshot of Easy Colour

    Easy Colour

    Convert colors into different formats

    Added Jan 2021

    Made by

    • GitHub profile image of imkieransmith
    Go to Easy Colour
  39. Screenshot of ButtonBuddy

    ButtonBuddy

    Learn about accessible button contrast then generate your own accessible button color palette

    Added Jan 2021

    Made by

    • GitHub profile image of 5t3ph
    Go to ButtonBuddy
  40. Screenshot of Parametric Color Mixer

    Parametric Color Mixer

    Generate a beautiful color palette

    Added Dec 2020
    Go to Parametric Color Mixer
  41. Screenshot of VSCode prism theme converter

    VSCode prism theme converter

    Convert your VSCode theme to prism CSS or React components

    Added Sep 2020

    Made by

    • GitHub profile image of SaraVieira
    Go to VSCode prism theme converter
  42. Screenshot of Tailwind Gradient Designer

    Tailwind Gradient Designer

    Generate tailwind gradient classes

    Added Aug 2020

    Made by

    • GitHub profile image of jenstornell
    Go to Tailwind Gradient Designer
  43. Screenshot of Color contrast checker

    Color contrast checker

    Quickly check the contrast between colors with WCAG and APCA and get suggestions for better colors

    Added Mar 2020

    Made by

    • GitHub profile image of Kilian
    Go to Color contrast checker
  44. Screenshot of Color Cube

    Color Cube

    Evaluate an entire brand color palette for WCAG 2.1 compliance and adjust on the fly with the HSL color model

    Added Mar 2020

    Made by

    • GitHub profile image of jhogue
    Go to Color Cube
  45. Screenshot of ColorBox

    ColorBox

    Build color systems for accessible UIs

    Added Mar 2020
    Go to ColorBox
  46. Screenshot of SassMe

    SassMe

    Visualize Sass HSL color functions in real-time without compiling.

    Added Mar 2020

    Made by

    • GitHub profile image of jimniels
    Go to SassMe
  47. Screenshot of Accessible color palette builder

    Accessible color palette builder

    Create color palettes with combinations that conform with accessibility standards.

    Added Mar 2020

    Made by

    • GitHub profile image of toolness
    Go to Accessible color palette builder
  48. Screenshot of Web Color Tool

    Web Color Tool

    Convert RGB/HSL/Hex, explore harmonies, copy values with a click

    Added Feb 2020

    Made by

    • GitHub profile image of murbar
    Go to Web Color Tool
  49. Screenshot of uiGradients

    uiGradients

    Choose a linear CSS gradient from large collection of popular and pretty gradients

    Added Feb 2020

    Made by

    • GitHub profile image of Ghosh
    Go to uiGradients
  50. Screenshot of HTML Color Codes

    HTML Color Codes

    Genereate and export color shades and tints

    Added Feb 2020
    Go to HTML Color Codes
  51. Screenshot of Colouris

    Colouris

    Convert a colour into other web formats

    Added Feb 2020

    Made by

    • GitHub profile image of gnclmorais
    Go to Colouris
  52. Screenshot of khroma

    khroma

    Create limiltess palettes with AI for you to discover, search, and save.

    Added Feb 2020

    Made by

    • GitHub profile image of georgehastings
    Go to khroma
  53. Screenshot of MyColorSpace

    MyColorSpace

    Enter a color and generate nice color palettes.

    Added Feb 2020
    Go to MyColorSpace
  54. Screenshot of CopyPalette

    CopyPalette

    Create your SVG palette and use it in Figma/Sketch by just using COPY and PASTE

    Added Jan 2020

    Made by

    • GitHub profile image of dimitrisraptis96
    Go to CopyPalette
  55. Screenshot of Accessible colors

    Accessible colors

    Automatically find the closest accessible color combination

    Added Jan 2020

    Made by

    • GitHub profile image of moroshko
    Go to Accessible colors
  56. Screenshot of Color schemes generator

    Color schemes generator

    Generate a nice looking color pallete

    Added Jan 2020
    Go to Color schemes generator
  57. Screenshot of 0to255

    0to255

    Lighten and darken colors easily

    Added Jan 2020
    Go to 0to255
  58. Screenshot of Contrast ratio

    Contrast ratio

    Compute the contrast ratio between 2 colors

    Added Jan 2020

    Made by

    • GitHub profile image of leaverou
    • GitHub profile image of MoritzGiessmann
    Go to Contrast ratio
  59. Screenshot of Accessible Brand Colors

    Accessible Brand Colors

    Evaluate the ADA compliance of your brand's color palette.

    Added Jan 2020

    Made by

    • GitHub profile image of scottqmn
    • GitHub profile image of huckpilot
    • GitHub profile image of jasonfarrell
    • GitHub profile image of suhmantha1
    Go to Accessible Brand Colors
  60. Screenshot of Contrast Checker

    Contrast Checker

    Check for WCAG 2.1 compliance for text and non-text contrast.

    Added Jan 2020

    Made by

    • GitHub profile image of richardbruskowski
    Go to Contrast Checker
  61. Screenshot of contrast.crgeary.com

    contrast.crgeary.com

    Check your color palette for accessible combinations

    Added Jan 2020

    Made by

    • GitHub profile image of crgeary
    Go to contrast.crgeary.com
  62. Screenshot of Smart Swatch Generator

    Smart Swatch Generator

    Generate smart unique color palette without pain

    Added Jan 2020

    Made by

    • GitHub profile image of ivan-dalmet
    Go to Smart Swatch Generator
  63. Screenshot of Eightshapes Contrast Grid

    Eightshapes Contrast Grid

    Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.

    Added Jan 2020

    Made by

    • GitHub profile image of kevinmpowell
    • GitHub profile image of nathanacurtis
    Go to Eightshapes Contrast Grid
  64. Screenshot of Tint & Shade Generator

    Tint & Shade Generator

    Display tints and shades of a given hex color in 10% increments

    Added Jan 2020

    Made by

    • GitHub profile image of edelstone
    Go to Tint & Shade Generator
  65. Screenshot of Color.review

    Color.review

    Check your color contrast

    Added Dec 2019
    Go to Color.review
  66. Screenshot of WhoCanUse

    WhoCanUse

    Check you color contrast ratio

    Added Dec 2019

    Made by

    • GitHub profile image of coreyginnivan
    Go to WhoCanUse