topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • May 22, 2019, 01:35 PM
  • Proudly celebrating 13 years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Author Topic: NANY 2019 - Color Mixer  (Read 2002 times)

shinkarom

  • Member
  • Joined in 2014
  • **
  • Posts: 9
    • View Profile
    • Donate to Member
NANY 2019 - Color Mixer
« on: November 13, 2018, 01:16 PM »
https://shinkarom.github.io/colormixer/

Select the first and the second colors of the gradient, then select the mixing percentage, and you've got an intermediate color between the two.

Made in HTML, CSS and JavaScript with the help of the Sakura CSS framework.

Screenshot attached.
« Last Edit: January 07, 2019, 02:57 AM by shinkarom »

skwire

  • Global Moderator
  • Joined in 2005
  • *****
  • Posts: 5,148
    • View Profile
    • Donate to Member
Re: NANY 2019 - Color Mixer
« Reply #1 on: November 13, 2018, 01:21 PM »
Very slick, and quite fun to play around with.   :Thmbsup:

Deozaan

  • Charter Member
  • Joined in 2006
  • ***
  • Points: 1
  • Posts: 8,726
    • View Profile
    • Donate to Member
Re: NANY 2019 - Color Mixer
« Reply #2 on: November 13, 2018, 02:47 PM »
Shouldn't the Mix Percentage go from 0%-100% instead of from 0-255? :P

shinkarom

  • Member
  • Joined in 2014
  • **
  • Posts: 9
    • View Profile
    • Donate to Member
Re: NANY 2019 - Color Mixer
« Reply #3 on: November 14, 2018, 04:01 AM »
Maybe you'd prefer -128 to 128?

ConstanceJill

  • Supporting Member
  • Joined in 2012
  • **
  • Posts: 161
    • View Profile
    • Donate to Member
Re: NANY 2019 - Color Mixer
« Reply #4 on: November 14, 2018, 05:13 AM »
Hi .o/

I guess the issue isn't as much about the numbers as it is about the use of the term "Mix percentage".
Maybe a different wording such as maybe "mix proportions", "mix balance" or other that doesn't imply increments of 1/100 would be better :)

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 39,287
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: NANY 2019 - Color Mixer
« Reply #5 on: November 14, 2018, 06:36 AM »
It's be nice to be able to provide the color values for 1st and 2nd color manually (as a #XXXXXX value) if desired.

shinkarom

  • Member
  • Joined in 2014
  • **
  • Posts: 9
    • View Profile
    • Donate to Member
Re: NANY 2019 - Color Mixer
« Reply #6 on: November 14, 2018, 11:34 AM »
Your wish is my command.
Done.

DanR

  • Supporting Member
  • Joined in 2013
  • **
  • Posts: 3
    • View Profile
    • Donate to Member
Re: NANY 2019 - Color Mixer
« Reply #7 on: December 10, 2018, 04:57 PM »
I like it! :up:

shinkarom

  • Member
  • Joined in 2014
  • **
  • Posts: 9
    • View Profile
    • Donate to Member
Re: NANY 2019 - Color Mixer
« Reply #8 on: January 03, 2019, 08:46 AM »
I changed the site to use chroma.js instead of handwritten code, which made possible using multiple color spcaes.

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 39,287
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: NANY 2019 - Color Mixer
« Reply #9 on: January 05, 2019, 08:14 PM »
Can I request an image added to first post so people can see what it's about before they click (or if the page ever goes offline)?

shinkarom

  • Member
  • Joined in 2014
  • **
  • Posts: 9
    • View Profile
    • Donate to Member
Re: NANY 2019 - Color Mixer
« Reply #10 on: January 07, 2019, 02:58 AM »
Your wish is my command.
Done.