Mixing two colors “naturally” in javascript

by

I dedicated 3-4 days to this question. It’s a really complex problem.

Here is what you can do if you want to mix two colors “naturally”:

  1. CMYK mixing: it’s not the perfect solution, but if you need a solution now, and you don’t want to spend months with learning about the subject, experimenting and coding, you can check this out: https://github.com/AndreasSoiron/Color_mixer

  2. Implementing the Kubelka-Munk theory. I spent a lot of time reading about it, and trying to understand it. This should be the way to go if you want a professional solution, but it needs 6 parameters (like reflectance, absorption, etc.) for each colors you want to mix. Having R, G, B isn’t enough. Implementing the theory isn’t hard, but getting those parameters you need about each color seems to be the missing part. If you figure it out how to do it, let me know 🙂

  3. Experimental: you can do something what the developers of the ipad app: Paper have done. They manually selected 100 pairs of popular colors and eyeball-tested how they should blend. Learn more about it here.

I personally will implement the CMYK mixing for the moment, and maybe later, if I have time I’ll try to make something like the guys at Fiftythree. Will see 🙂

More Related Contents:

  1. What exactly does Math.floor do?
  2. What is JavaScript’s highest integer value that a number can go to without losing precision?
  3. Random color generator
  4. Evaluating a string as a mathematical expression in JavaScript
  5. How to find prime numbers between 0 – 100?
  6. How to transform black into any given color using only CSS filters
  7. JavaScript eyedropper (tell color of pixel under mouse cursor)
  8. JS function to calculate complementary colour?
  9. Calculate date from week number in JavaScript
  10. Remove insignificant trailing zeros from a number?
  11. JavaScript exponents
  12. Javascript color gradient
  13. convert Hsl to rgb and hex
  14. How can I generate the opposite color according to current color?
  15. Convert Hex to RGBA
  16. RGB to HSV color in javascript? [closed]
  17. Avoiding problems with JavaScript’s weird decimal calculations
  18. How can I convert numbers into scientific notation?
  19. Convert 2:1 equirectangular panorama to cube map
  20. How can I round down a number in Javascript?
  21. How does Math.random() work in javascript?
  22. JavaScript Number Split into individual digits
  23. Why is math.max() returning NaN on an array of integers?
  24. Javascript: Round up to the next multiple of 5
  25. Rounding numbers to 2 digits after comma
  26. Generate colors between red and green for an input range [duplicate]
  27. How to programmatically calculate the contrast ratio between two colors?
  28. JavaScript: Round to a number of decimal places, but strip extra zeros
  29. Javascript: PI (Ï€) Calculator
  30. How to check if hex color is “too black”?

Leave a Comment