44

Wheel — a color wheel tool

over 4 years ago from , Product Designer — hihayk.com

Hey DN!

At Typeform we needed a tool to create a color wheel so I created this small app, hopefully it's useful for other designers :)

hihayk.github.io/wheel

—

Features:

  • Generate a color wheel with 1 to 28 colors
  • Edit the colors individually
  • Duplicate a color
  • Hide a color
  • Get the color hex code

9 comments

  • Alan Lavery, over 4 years ago

    This is a really nice project. Would be great if you could select one of the colours and manually change the hex value e.g if you have a brand colour and you want to see which colours match. Seems like a much more simple tool that Colour Scheme Designer.

    2 points
  • Mc DaveMc Dave, over 4 years ago

    Great project!

    1 point
  • Fabio SirnaFabio Sirna, over 4 years ago

    Thanks. Just a suggestion: when you select a color on the wheel it'd be very useful to highlight the related HEX code on the right column.

    0 points
  • Andrew Washuta, over 4 years ago

    This is AMAZING. Would love to have some a11y features incorporated as well, perhaps with a quick contrast check :). Overall awesome.

    0 points
  • Scott de JongeScott de Jonge, over 4 years ago

    Amazing tool!

    Would be great to have HSL output as well as HEX.

    Maybe extend the range sliders for amount/angle/saturation/lightness have editable inout fields to correct numbers.

    0 points
    • Hayk AnHayk An, over 4 years ago

      Thanks Scott. Showing other types of color codes is a good idea. I thought about making the slider value a number input, I might do it soon.

      0 points
  • Alejandro DorantesAlejandro Dorantes, over 4 years ago

    Niiiiiiiiiice, are you accepting collaborations?

    0 points