Even Moar backgrounds
I am continuing yesterday's exploration of colors. I read [this
essay](https://matthewstrom.com/writing/how-to-pick-the-least-wrong-colors/) about using
simulated annealing to generate new color pallettes. The algorithm is a pretty good way of
generating a fitness function for the colors. It accepts a color pallette, and then generates a
new color pallette that is optimized for WEBG contrast ratios, and for each of the
color-blindness types. Here is the
[code](https://github.com/ilikescience/category-colors/tree/main?tab=readme-ov-file) referenced
in the essay. Read the essay before continuing, I input the bravegrumpy pallette, used on this
website, and am comparing it to the results given. One of the parameters in the criteria in
generating new colors is the similarity to provided color pallette. The output code generates
the same number of colors as input. I am manually matching each generated color to the color it
is most similar to in the my brand colors.
Colors visualized| Pallette Color | GeneratedColor |
|---|
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
Results:
Below raw results from various input pallettes. Above I am attempting to build a
visualization of these results.
- - [x] Attempt 1:
- - Input:
- > "#6e34a2" "#61aba8" "#499c2f" "#fa830e" "#2753c0" "#654d86" "#d2c8ff" "#beb4ff"
"#d1dcff" "#a7bcff" "#144614" "#66cdaa" "#270d3e" "#55ab5e"
- - Avoided Colors:
- > "#FF0000", "#000000", "#ffffff",
- - Output:
- > "#0080a6" "#981ec3" "#54ce7a" "#2c512a" "#f68700" "#2050ba" "#df7cff" "#24c2ff"
"#9cacff" "#e0acc2" "#5e4213" "#5b3c5c" "#008c20" "#00c3bd"
- - Ordered Output:
- > "#6e34a2" "#61aba8" "#499c2f" "#fa830e" "#2753c0" "#654d86" "#d2c8ff" "#beb4ff"
"#d1dcff" "#a7bcff" "#144614" "#66cdaa" "#270d3e" "#55ab5e"
- > "#981ec3" "#00c3bd" "#008c20" "#f68700" "#2050ba" "#5b3c5c" "#e0acc2" "#df7cff"
"#24c2ff" "#9cacff" "#2c512a" "#54ce7a" "#5e4213" "#0080a6"
- - [ ] Attempt 2:
- - Input:
- > "#6e34a2" "#61aba8" "#499c2f" "#fa830e" "#2753c0" "#654d86" "#d2c8ff" "#beb4ff"
"#d1dcff" "#a7bcff" "#144614" "#66cdaa" "#270d3e" "#55ab5e"
- - Avoided Colors:
- > "#FF0000", "#000000", "#ffffff", "#ff00ff", "#df7cff"
- - Output:
- > "#a7bcff" "#01d5ff" "#f8bb4b" "#9a495d" "#1a3500" "#513167" "#d47500" "#ff93ae"
"#19ffef" "#00395c" "#219400" "#82ea95" "#ffab88" "#2445ff"
- - Ordered Output:
- > "#6e34a2" "#61aba8" "#499c2f" "#fa830e" "#2753c0" "#654d86" "#d2c8ff" "#beb4ff"
"#d1dcff" "#a7bcff" "#144614" "#66cdaa" "#270d3e" "#55ab5e"
- > "#6e34a2" "#61aba8" "#499c2f" "#fa830e" "#2753c0" "#654d86" "#d2c8ff" "#beb4ff"
"#d1dcff" "#a7bcff" "#144614" "#66cdaa" "#270d3e" "#55ab5e"
- > "#9a495d" "#01d5ff" "#219400" "#d47500" "#2445ff" "#513167" "#ffab88" "#ff93ae"
"#f8bb4b" "#a7bcff" "#1a3500" "#82ea95" "#00395c" "#19ffef"
- > "#______" "#______" "#______" "#______" "#______" "#______" "#______" "#______"
"#______" "#______" "#______" "#______" "#______" "#______"
- > "#6e34a2" "#61aba8" "#499c2f" "#fa830e" "#2753c0" "#654d86" "#d2c8ff" "#beb4ff"
"#d1dcff" "#a7bcff" "#144614" "#66cdaa" "#270d3e" "#55ab5e" > "#8d2ac1" "#5cc8ff"
"#179918" "#f39f38" "#0008f6" "#8c5992" "#3b1100" "#da6487" "#ff9363" "#aec4ff" "#434e00"
"#53cda2" "#320848" "#58c754" > '#063400', '#00266f',
- > "#6e34a2" "#61aba8" "#499c2f" "#fa830e" "#2753c0" "#654d86" "#d2c8ff" "#beb4ff"
"#d1dcff" "#a7bcff" "#144614" "#66cdaa" "#270d3e" "#55ab5e" > "#0038d3" "#36d2ff"
"#459106" "#ff7900" "#0097ff" "#423421" "#f38da6" "#bbb2ff" "#ffe1f2" "#e4bc8a" "#32500d"
"#3fd194" "#422e59" "#b13b00"
Solarized Color Pallette___base-3___: #fdf6e3; ___base-2___: #eee8d5; ___base-1___: #93a1a1; ___base-0___: #839496; ___base-00__: #657b83; ___base-01__: #586e75; ___base-02__: #073642; ___base-03__: #002b36; _____red____: #dc322f; ___orange___: #cb4b16; ___yellow___: #b58900; ___green____: #859900; ____cyan____: #2aa198; ____blue____: #268bd2; ___violet___: #6c71c4; ___magenta__: #d33682; |
