In: Art.
Colors
Colour or color is a property of light as seen by humans.
Red, yellow, and blue are the three traditional primary colours.
The primary colours for television screens and computer monitors are red, green and blue.
Printers and paints use magenta, yellow, and cyan as their primary colours; they may also use black.
Tools
- http://colormind.io
- https://colorhexa.com
- https://lodev.org/color/color.html 🌟
- https://color-hex.com/color-names.html 🌟
- https://colornames.org
- https://colourlovers.com/colors
- https://coolors.co/palettes/trending
- https://copic.jp/en/color – Copic color list
- https://crlf.link/assist/colors.html
- https://encycolorpedia.com/named 🌟
- https://jennyscrayoncollection.com/2020/04/complete-list-of-prismacolor-premier.html
- https://ralcolor.com – RAL colors for varnish, powder coating and plastics
- https://stencil.wiki/colors – Riso ink colors
- https://wismuth.com/webcolors.html – closest web color
- https://xkcd.com/color/rgb – most common RGB monitor colors
No colors for some apps: https://no-color.org
Apps & libs
Color delta
Calculate the diff between 2 colors
https://github.com/matiassingers/color-delta
Also
https://github.com/matiassingers/sass-color-calculator
Color difference / distance
Color differences for D3: Euclidean distance, CIE94, CIEDE2000, CMC, DIN99o …
https://github.com/Evercoder/d3-color-difference
Color Thief
Grab the color palette from an image using JS
Works in the browser and in Node
https://github.com/lokesh/color-thief
https://lokeshdhakar.com/projects/color-thief
Culori
Color library for JavaScript that supports most color spaces and formats defined in the CSS Colors Level 4 spec
https://culorijs.org ⭐
https://github.com/Evercoder/culori
D3 color
Color spaces! RGB, HSL, Cubehelix, CIELAB, and more
https://github.com/d3/d3-color
img2sh
View colored images directly on terminal
https://github.com/mozanunal/img2sh
Ochre
Tiny Python package for working with colors in a pragmatic way
https://github.com/getcuia/ochre
Pastel
CLI tool to generate, analyze, convert and manipulate colors, made with Rust
https://github.com/sharkdp/pastel ⭐
Qix Color
JavaScript lib for immutable color conversion and manipulation with support for CSS color strings
https://github.com/Qix-/color
TinyColor
Color manipulation and conversion for JavaScript
https://github.com/bgrins/TinyColor
WebColors
Working with HTML/CSS color formats in Python
https://github.com/ubernostrum/webcolors
Articles
All CSS readable english hex colors
A Bash one-liner to produce a list of HEX color codes that read like (supposedly) valid English words
grep -P "^\[ABCDEFabcdefOoIi\]{6,6}$" /usr/share/dict/words | tr 'OoIi' '0011' | tr '\[:lower:\]' '\[:upper:\]' | awk '{print "#" $0}'
grep -i "^\[A-FOIS\]{6}$" /usr/share/dict/words | tr '\[:lower:\]' '\[:upper:\]' | tr 'OIS' '015' | awk '{print "#" $0}'
https://gist.github.com/aileftech/dd4f5598b1f3837651fdf16e5abc3ffb
Color tutorial
https://w3schools.com/colors/colors_names.asp
https://w3schools.com/colors/colors_groups.asp
https://w3schools.com/colors/colors_wheels.asp
https://w3schools.com/colors/colors_trends.asp ⭐
Good color combinations + How to create your own
https://blog.thenounproject.com/good-color-combinations
Sorting colors in JavaScript
https://tomekdev.com/posts/sorting-colors-in-js
https://codepen.io/tniezurawski/pen/zYZQRvG
The incredibly challenging task of sorting colours
https://alanzucconi.com/2015/09/30/colour-sorting
iTunes 11-style color matching code
The headlining feature of this display is the new view style that visually matches the track listing to the album’s cover art
The result is an attractive display of textual information that seamlessly integrates with the album’s artwork
https://panic.com/blog/itunes-11-and-colors
https://github.com/panicinc/ColorArt
Most dominant color in an image
- https://charlesleifer.com/blog/using-python-and-k-means-to-find-the-dominant-colors-in-images
- https://dev.to/bitproject/extracting-colors-from-images-using-k-means-clustering-3hpe
- https://towardsdatascience.com/extracting-colours-from-an-image-using-k-means-clustering-9616348712be
- https://alanzucconi.com/2015/05/24/how-to-find-the-main-colours-in-an-image
- https://machinelearningprojects.net/most-dominant-colors-in-an-image
- https://predictivehacks.com/most-dominant-color-of-an-image
- https://kaggle.com/code/ravichaubey1506/extracting-dominant-color-of-an-image/notebook
Image quality metrics
- https://towardsdatascience.com/measuring-enhancing-image-quality-attributes-234b0f250e10 – Exposure, tone mapping, texture blur
- https://uk.mathworks.com/help/images/image-quality-metrics.html – immse, psnr, ssim, multissim, multissim3
- https://compression.ai/how-to-measure-the-quality-of-an-image – MS-SSIM, PSNR, Butteraugli – At Compression.ai we use MS-SSIM to train our algorithms
- https://radiologykey.com/image-quality
- https://stackoverflow.com/questions/39051451/ssim-ms-ssim-for-tensorflow – SSIM / MS-SSIM
- https://github.com/VainF/pytorch-msssim – Torch MS-SSIM and SSIM
- https://code.adonline.id.au/structural-similarity-index-ssim-in-python – scikit-image MSE and SSIM
Wiki
- https://commons.wikimedia.org/wiki/Category:Colors_by_name
- https://commons.wikimedia.org/wiki/Colors
- https://design.wikimedia.org/style-guide/visual-style_colors.html
- https://developer.mozilla.org/en-US/docs/Web/CSS/color
- https://w3schools.com/cssref/css_colors.asp
- https://wikipedia.org/wiki/Category:Color
- https://wikipedia.org/wiki/Color_difference
- https://wikipedia.org/wiki/Color_model
- https://wikipedia.org/wiki/Color_triangle
- https://wikipedia.org/wiki/Color_wheel
- https://wikipedia.org/wiki/List_of_color_palettes
- https://wikipedia.org/wiki/List_of_colors
- https://wikipedia.org/wiki/List_of_colors:_A–F
- https://wikipedia.org/wiki/List_of_colors:_G–M
- https://wikipedia.org/wiki/List_of_colors:_N–Z
- https://wikipedia.org/wiki/Web_colors
- https://wikipedia.org/wiki/X11_color_names
Simple
