I'm not going to be able to give all the details, but I can explain the process to get there. First, I looked into different ways to represent colors (hex, rgb, hsl, etc). Then, I studied the number of colors used on a terminal emulators. With that number, I was able to plot on a color wheel all the different hues. I used different geometrical degrees for the hue, but kept the saturation and brightness the same, in order to provide harmony. My mental model was based on HSL, but the same concept can be applied in different ways.
You realize the importance of it when you try to calculate the difference between two colors simply by comparing lets say red green and blue in a color with rgb format.
I'd figure that for human eyes, it would make the most sense to generate pallets from colors that are equal distance in the CIELAB colorspace[0] (or similar).
I personally love the Dracula Pro examples on your webpage, and will definitely strongly consider buying it after I graduate, and recommend it to others. But I'm curious about the justification for using colors that are approximately equi-distant on a synthetic RGB-derived colorspace instead of a human-eye-derived colorspace like CIELAB.
Am I wrong? It looks like the Dracula PRO pallet is composed of points roughly equidistance in an HSL/HSV disk based on the sRGB vectors in one of your images[1]. But maybe that's a red herring; looking at the colors themselves in the IDE they look fairly CIELAB-esque to my eye at least so maybe you did use that family of colorspaces (HCL[2] or Lab, for example).
For people who want to play around with this themselves, http://hclwizard.org:64230/hclwizard/ is a great resource, although there may be other/better ones. I personally found value in seeing the points mapped to the 3D volume, and at least partially understanding how the HCL and Lab volumes map to sRGB volumes. This one doesn't show the volumetric spaces in 3D, unfortunately. But it does show some incredible visualizations under the "Spectrum" tab which show how linear the choices are in f(RGB) vs f(HCL) parameters.
Also important for readers to note that this pallet, "Dracula" is quite different from the potentially more widely seen "Darcula" pallet included in JetBrains IDE. It's easy to misread the spellings, but this one (Darcula) seems to have much, much better colors. To my eye at least.
zenorocha|6 years ago
tsukurimashou|6 years ago
You realize the importance of it when you try to calculate the difference between two colors simply by comparing lets say red green and blue in a color with rgb format.
rckoepke|6 years ago
I personally love the Dracula Pro examples on your webpage, and will definitely strongly consider buying it after I graduate, and recommend it to others. But I'm curious about the justification for using colors that are approximately equi-distant on a synthetic RGB-derived colorspace instead of a human-eye-derived colorspace like CIELAB.
Am I wrong? It looks like the Dracula PRO pallet is composed of points roughly equidistance in an HSL/HSV disk based on the sRGB vectors in one of your images[1]. But maybe that's a red herring; looking at the colors themselves in the IDE they look fairly CIELAB-esque to my eye at least so maybe you did use that family of colorspaces (HCL[2] or Lab, for example).
For people who want to play around with this themselves, http://hclwizard.org:64230/hclwizard/ is a great resource, although there may be other/better ones. I personally found value in seeing the points mapped to the 3D volume, and at least partially understanding how the HCL and Lab volumes map to sRGB volumes. This one doesn't show the volumetric spaces in 3D, unfortunately. But it does show some incredible visualizations under the "Spectrum" tab which show how linear the choices are in f(RGB) vs f(HCL) parameters.
Also important for readers to note that this pallet, "Dracula" is quite different from the potentially more widely seen "Darcula" pallet included in JetBrains IDE. It's easy to misread the spellings, but this one (Darcula) seems to have much, much better colors. To my eye at least.
0: https://en.wikipedia.org/wiki/CIELAB_color_space
1: https://draculatheme.com/static/img/pro/wheel-dracula-pro.pn...
2: https://en.wikipedia.org/wiki/HCL_color_space
3: http://hclwizard.org:64230/hclwizard/