CodePen

Loading ..................

iPhone color picker web application

Description

So far tested in Chrome, Firefox and an iPhone 5S.

If you use Chrome and would like to use this, I have made it into a Chrome Extension here: http://bit.ly/color-pick.

Tags

  1. iphone
  2. web
  3. app
  4. touch
  5. color

Comments

  1. Cheers mate! It's wonderful! I highly recommend looking into something like Phonegap to wrap this neat little app up in a native wrapper for iOS. I'd forsure drop a few bucks on this if it were in the app store!

  2. I'd love to know how you made the text color change.

  3. Thanks guys!

    @alucard11 I'll have to look into that! I've turned it into a web app off my personal website that makes it look and feel just like a real app, although the sliding for some reason gets really bogged down...

    @elansz The text color change is just a conditional statement based off the up and down of the Lightness. If Lightness is >= 50 it turns black, and if it is <= 50 it turns white.

  4. very nice! Well done mate, really good work!

  5. @daless14

    Don't hesitate to reach out for help! :D

  6. Really nice pen ! A nice way to use HSL Color.

  7. This is pretty awesome, I think I might use this as a tool to find experimental color palettes! An iOS + Android app of this would be pretty cool as well! ;)

Leave a Comment Markdown supported. Double-click names to add to comment.

You must be logged in to comment.
  • 7682 Views
  • 12 Comments
  • 173 Hearts
Loading...
Loading...