> For the complete documentation index, see [llms.txt](https://irosyadi.gitbook.io/irosyadi/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://irosyadi.gitbook.io/irosyadi/awesome/color-science.md). # Color Science and Tools ## Color Palette Tools * [Dopely Colors - A Free Solution to all your Color Problems](https://colors.dopely.top/) * [Paletton](https://paletton.com/) color palette tools * [Adobe Color Wheel](https://color.adobe.com/create/color-wheel) * [Colorcombo](https://www.colorcombos.com/) * [Colorbox](https://www.colorbox.io/) * [HSL Color Palette Generator](https://kodolinija.com/tools/hsl-color-palette-generator/) * [Colorcycle Picker](https://colorcyclepicker.mpetroff.net/) * [Colorspace](https://colorspace.r-forge.r-project.org/index.html) * [Colorbrewer](https://colorbrewer2.org/) for Map color * [Colorcolor](https://colorcolor.in/) * [hclwizard.org](https://github.com/irosyadi/gitbook/blob/master/awesome/hclwizard.org) * [Color Supply](https://colorsupplyyy.com/app) * [Color Safe](https://colorsafe.co/) * [Galactic](https://galactic.ink/sphere/) * [David Johnstone Lch Lab Gradient Picker](https://davidjohnstone.net/pages/lch-lab-colour-gradient-picker) * [Color Brewer](https://colorbrewer2.org) Color for Cartography * [I want Hue](https://medialab.github.io/iwanthue/) Good Site for Color Naming ## Color Format Converter * [Colorizer](https://colorizer.org/) online color format converter * [Convert a Color](https://convertacolor.com) : HEX, RGB, CMYK, HSL * [Nix Sensor](https://www.nixsensor.com/free-color-converter/) : CIELAB, CMYK, HEX, RGB, XYZ * [Leonardo](https://leonardocolor.io/converter.html) : Hex to rgb, hsl, hsv, hsluv, lab, lch, and jab (CAM02) * [LCH](https://css.land/lch/) : LCH to RGB * [EasyRGB](https://www.easyrgb.com/en/convert.php) * [Color Review](https://color.review/) Simulate Color for web * [Gradient Picker](https://davidjohnstone.net/pages/lch-lab-colour-gradient-picker) * [Color Hexa](https://www.colorhexa.com) * [0 to 255](https://www.0to255.com/) Color picker * [Converting Color](https://convertingcolors.com/) converted to 15 different color formats like RGB, CMYK, HSV, HSL, CIELab, CIELCh Android, Decimal, and YUV * [CSpace](https://davengrace.com/dave/cspace/) CIELAB to RGB * [Colormine Convert](https://colormine.org/convert/) the most complete conversion * [MATLAB App](https://www.mathworks.com/matlabcentral/fileexchange/28790-colorspace-transformations), [also MATLAB](https://www.mathworks.com/matlabcentral/fileexchange/57138-lch-rgb-conversion-tools) * [Excel](https://ccc.orgfree.com/) * [Excel](https://rgbcmyk.com.ar/en/xla-2/) * [Formula](https://www.brucelindbloom.com/index.html?Math.html) * [Color Calculator](https://www.brucelindbloom.com/index.html?ColorCalculator.html) * [Unitpedia](https://www.unitpedia.com/color-converter/) HEX, RGB, HSL, CMYK, HSV, Lab, Lch, Xyz, Hwb * [Colorhexa](https://www.colorhexa.com/) * [Acute Components](https://colors.acutecomponents.com/) * [Coolors](https://coolors.co/bd3848) ### Note on LCH to RGB Conversion * [Converting Color](https://convertingcolors.com/), clamping if outside RGB gamut * [Unitpedia](https://www.unitpedia.com/color-converter/), clamping if outside RGB gamut * [Colormine](https://colormine.org/color-converter), clamping if outside RGB gamut * [CSS Land](https://css.land/lch/), clamping if outside RGB gamut (but inform the clamping) * [Easy RGB](https://www.easyrgb.com/en/convert.php), not clamping * [Bruce Lind Bloom](https://www.brucelindbloom.com/index.html?ColorCalculator.html), not clamping * [Colorhexa](https://www.colorhexa.com/), clamping if outside RGB gamut * [Acute Components](https://colors.acutecomponents.com/) ### LCH Color Picker * [LCH Color](https://codepen.io/leaverou/pen/YzPGwZp) * [HCL Color PIcker](https://hclwizard.org/hclcolorpicker/) * [HCL Color Picker](https://bl.ocks.org/mbostock/3e115519a1b495e0bd95) * [HSLuv](https://www.hsluv.org/) * [LCH Color Picker](https://senritsuki.com/app/lch_color_picker/) * [Color Picker](https://vizhub.com/curran/7ff25d963fbe460387ba07ac4c6494c6) * [Tristen](https://tristen.ca/hcl-picker/) * [I want Hue](https://medialab.github.io/iwanthue/) * [Comigo](https://comigo.itch.io/palettes) * GIMP ## Color Naming * [C0ffee](https://c0ffee.surge.sh/) Color name in leet code * [Bada55](https://bada55.io/) Color name in leet code * [CSS Words](https://thejacklawson.com/csswords/) Color name in leet code * [Colors LOL](https://colors.lol/) Descriptive name from twitter comment * [Meaningful Color Names](https://observablehq.com/@shaunlebron/meaningful-color-names) * [Name that Color](https://chir.ag/projects/name-that-color/#6195ED) * [Color Namer](https://github.com/colorjs/color-namer) * [XKCD](https://xkcd.com/color/rgb/) [Survey](https://blog.xkcd.com/2010/05/03/color-survey-results/) * [NN for color naming](https://aiweirdness.com/post/160985569682/paint-colors-designed-by-neural-network-part-2) * [Werner’s Nomenclature of Colours, based on animal, plant, or mineral](https://www.thisiscolossal.com/2018/01/werners-nomenclature-of-colours/) * [Identify the closest web color name, name that color](https://chir.ag/projects/name-that-color) * [Color Name Hue](https://www.color-blindness.com/color-name-hue/) * [Color Controversy](https://colorcontroversy.com/what) * [You only see color you can name](https://eagereyes.org/blog/2011/you-only-see-colors-you-can-name) * [Colord](https://colrd.com/color/) * [Colour Lovers](https://www.colourlovers.com/colors) * [Color Naming Models](https://vis.stanford.edu/papers/color-naming-models) * [Color Names](https://vis.stanford.edu/color-names/) * [Color Naming in Different Languages](https://uwdata.github.io/color-naming-in-different-languages/vis/stacked-spectrum.html) * [Kay Website Color Naming](https://www1.icsi.berkeley.edu/~kay/) * [There is no Blue in Korean](https://medium.com/hci-design-at-uw/there-is-no-blue-in-korean-ea6ac0d25d34) * [Colornaming net](https://colornaming.net/#colour-namer) * [List Color Naming Dictionaries](https://people.csail.mit.edu/jaffer/Color/Dictionaries) * [Color Naming](https://www.chrisharrison.net/index.php/Fun/ColorPerception) or [this](https://johnthemathguy.blogspot.com/2016/12/unambiguous-regions-in-color-space-for.html) * [Handpicked Color Names](https://github.com/meodai/color-names) * [Colorize](https://alexbeals.com/projects/colorize/) Color name mapped to color ## Colorimetry Notes * HSV/HSL are cylindrical representation of RGB * Problem of RGB: discontinuity of luminance, it is also not based on how the human eye perceive colors. See [here](https://hclwizard.org/why-hcl/) or [here](https://cscheid.github.io/lux/demos/hcl/hcl.html) or [example of the effect here](https://colorspace.r-forge.r-project.org/articles/endrainbow.html) and the [problem of rainbow color](https://eagereyes.org/basics/rainbow-color-map) * [Problem in HSV](https://www.vis4.net/blog/2011/12/avoid-equidistant-hsv-colors/) * [Another explanation](https://davidjohnstone.net/pages/lch-lab-colour-gradient-picker) * CIELUV Ch (CIE LCh) or Polar Luv is cylindrical representation of CIELUV (and for CIELAB : Polar Lab) * HCL is implementation of CIELUV Ch * Problem of HCL: HCL tends to specify colors outside of the RGB gamut, which means that some sensible choices of HCL values will generate values outside the (0,0,0)-(1,1,1) RGB cube. More worryingly, the HCL->RGB transformation is discontinuous. Although it lies outside the RGB gamut, clamping the transform to the closest RGB point does not patch the seam in the color space. Example of [Clamping](https://observablehq.com/@danburzo/hcl-chroma-clamping-vs-rgb-clamping) * HCL to RGB need conversion chain : HCL->LUV->XYZ->RGB * [Colorspace](https://colorspace.r-forge.r-project.org/) with HCL, its [Python implmentation](https://python-colorspace.readthedocs.io/en/latest/hclcolorspace.html) * [HSLuv](https://www.hsluv.org/comparison/), other implementation of CIELUV Ch which fully maps to RGB. HSLuv is just like LCH except that it stretches the saturated colors for each hue so that any saturation coordinate represents a valid color, unlike LCHs chroma coordinate. The downside is that the colors chroma (colorfulness) can change when you drag the hue slider. HSLuv, is based on CIELCHuv, the cylindrical transformation of CIELUV; the LCH in David Johnstone's colour picker is CIELCHab, the cylindrical transformation of CIELAB. * [LCH Color in CSS](https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/) * [Colorblind and LCH](https://laptrinhx.com/around-the-world-in-80-shades-building-color-blind-accessible-dataviz-3818144432/) ## Learn Color * [Coursera: Information Vizualization](https://www.coursera.org/lecture/information-visualization-applied-perception/) * [Color by Nasa](https://earthobservatory.nasa.gov/blogs/elegantfigures/2013/08/05/subtleties-of-color-part-1-of-6/) * [Theory of Color](https://medialab.github.io/iwanthue/theory/): If RGB fits to how screens produce colors, if CIE L*a*b\* fits to how we perceive colors, HCL fits to how we think colors. It is like HSL, but perceptively unbiased. * [CIE Color Space](https://hyperphysics.phy-astr.gsu.edu/hbase/vision/cie.html), [chromaticity](https://hyperphysics.phy-astr.gsu.edu/hbase/vision/colper.html#c2) * [Khan Pixar](https://www.khanacademy.org/computing/pixar/color) * [Nasa](https://colorusage.arc.nasa.gov/color_science.php) * [Color Notes](https://helpful.knobs-dials.com/index.php/Color_notes_-_color_spaces) * [Colorgen Color for Programmer](https://peteroupc.github.io/colorgen.html) and [this](https://peteroupc.github.io/suppcolor.html) ## Article about Color * [How to pick more beautiful colors for your data visualizations](https://blog.datawrapper.de/beautifulcolors/) * [Rules for using Color](https://www.perceptualedge.com/articles/visual_business_intelligence/rules_for_using_color.pdf) * [About Colormap](https://jakevdp.github.io/blog/2014/10/16/how-bad-is-your-colormap/) * [Color from Computer to Eyes](https://jamie-wong.com/post/color/) * [Color](https://www.handprint.com/LS/CVS/color.html) License: [CC-ND, translation allowed](https://www.handprint.com/HP/WCL/faq.html) * [Color](https://www.handprint.com/HP/WCL/color18a.html) License: [CC-ND, translation allowed](https://www.handprint.com/HP/WCL/faq.html) * [Color FAQ](https://poynton.ca/ColorFAQ.html) * [Color Online](https://sites.google.com/site/djcbriggs/colour-online) * [Kay Web](https://www1.icsi.berkeley.edu/~kay/) * [Color Matters](https://www.colormatters.com/) * [Color Theory](https://www.interaction-design.org/literature/topics/color-theory) * [Color Theory for Designers 1](https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/) [Part 2](https://www.smashingmagazine.com/2010/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/) [Part 3](https://www.smashingmagazine.com/2010/02/color-theory-for-designer-part-3-creating-your-own-color-palettes/) * [rgbcmyk](https://rgbcmyk.com.ar) * [Color Reasoning](http://notes.neeasade.net/color-spaces.html) * [Practical Color Theory for People Who Code](http://tallys.github.io/color-theory/) * [Color Theory: The Primer for Designers and Illustrators - DesignXplorer](https://designxplorer.co/color-theory-for-designers-and-illustrators/) * [handprint : the geometry of color perception](https://www.handprint.com/HP/WCL/color2.html) * [All 16,777,216 RGB colours « David Naylor: Blog](http://davidnaylor.org/blog/2005/02/all-16777216-rgb-colours/) ## Ebook * [COLOR EXPERIENCE](https://www.handprint.com/CE/book.html) ## Color * [Two new color spaces for color picking - Okhsv and Okhsl](https://bottosson.github.io/posts/colorpicker/) * [An interactive review of Oklab - Raph Levien’s blog](https://raphlinus.github.io/color/2021/01/18/oklab-critique.html) * [Interactive color picker comparison](https://bottosson.github.io/misc/colorpicker/) * [SKEEM - 3D colorscheme generator](https://wolframhempel.github.io/skeeem/#62CC12,#060000,#F7E80B,#251DA7,#EF06B8) * [Color space conversions](http://colorjs.github.io/color-space/#112832) * [Visual representation of color names in different color models](https://codepen.io/meodai/full/zdgXJj) * [FarbVélo——Random Color Cycler](https://farbvelo.elastiq.ch/) * [Towards richer colors on the Web - Darker Ink](https://darker.ink/writings/Towards-richer-colors-on-the-Web) ## Colormap * [How Bad Is Your Colormap? - Pythonic Perambulations](https://jakevdp.github.io/blog/2014/10/16/how-bad-is-your-colormap/) * [Google AI Blog: Turbo, An Improved Rainbow Colormap for Visualization](https://ai.googleblog.com/2019/08/turbo-improved-rainbow-colormap-for.html) ## Color Palette * [Colormind - the AI powered color palette generator](http://colormind.io/) * [Color Hunt](https://colorhunt.co/palette/00a19dfff8e5ffb344e05d5d) * [Color Palette Generator](https://www.degraeve.com/color-palette/) * [ColorSpace - Color Palettes Generator and Color Gradient Tool](https://mycolor.space/?hex=%23845EC2\&sub=1) * [Coolors - The super fast color schemes generator!](https://coolors.co/) * [Color palette generator - Canva Colors](https://www.canva.com/colors/color-palette-generator/) * [Color Palette Generator - Create Beautiful Color Schemes](https://colors.muz.li/) * [Color palette, the color scheme for artists - Adobe Color](https://color.adobe.com/explore) * [Color wheel, a color palette generator - Adobe Color](https://color.adobe.com/create/color-wheel/) * [joowani/colorpedia: Command-line tool for looking up colors, shades and palettes.](https://github.com/joowani/colorpedia) ## Color * [Which color scale to use when visualizing data - Chartable](https://blog.datawrapper.de/which-color-scale-to-use-in-data-vis/) * [Sorted CSS Colors](https://enes.in/sorted-colors/) ## Color * [Huemint - Generate 7 shades and colors for a web illustration](https://huemint.com/) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://irosyadi.gitbook.io/irosyadi/awesome/color-science.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.