💾 Archived View for metasyn.pw › colors.gmi captured on 2023-09-28 at 16:02:03. Gemini links have been rewritten to link to archived content

-=-=-=-=-=-=-

specifics

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) |

generalities

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: