💾 Archived View for metasyn.pw › colors.gmi captured on 2022-01-08 at 13:44:28. Gemini links have been rewritten to link to archived content
-=-=-=-=-=-=-
over time, I feel like I keep coming back to the same colors when I'm working on various projects.
i'm jotting them down here for safe keeping; they're colors I like!
.color-box {
width: 100px;
height: 100px;
margin: 5px;
}
| color | hex | rgb |
| ----- | --- | --- |
| | #72c4d0 | rgb(114,196,208) |
| | #a5d6c3 | rgb(165,214,195) |
i wrote some code not that long ago that generates palettes based on sine waves. some of it
came from [Jim Bumgardener's website] - which goves over the general
concept of using sine waves to generate different types of color palettes. this particular combination was pleasing to me:
the canvas that is generated on this page uses javascript. if you are not using javascript, the canvas will not render.
function byte2Hex(n) {
const nybHexString = '0123456789ABCDEF';
return String(nybHexString.substr((n >> 4) & 0x0F, 1)) + nybHexString.substr(n & 0x0F, 1);
}
// Helper - https://krazydad.com/tutorials/makecolors.php
function RGB2Color(r, g, b) {
return `#${byte2Hex(r)}${byte2Hex(g)}${byte2Hex(b)}`;
}
// Helper - https://krazydad.com/tutorials/makecolors.php
function makeColorGradient(
frequency1, frequency2, frequency3,
phase1, phase2, phase3,
center = 128, width = 127, len = 50,
) {
const colors = [];
for (let i = 0; i
Gemini Links:
Web Links: