My wordmark 'noa'

Here you can find creations that do not quite fit into my main projects, or just ideas that inspire me.

a little color format

In December 2024, I made a variation of the Splash color format by Tode Pond. Both projects are really just lists of colors - a lookup table you can paste in any project so you can specify a color clearly with a small integer. In the original, the numbers go from 000 to 999 and each digits stands for an RGB component. I made a version with 1200 colors that are arranged in a way I find more intuitive.

There are 12 hues, 10 levels of saturation, and 10 levels of lightness. I generated the colors in the okhsl color space, which is a perceptually uniform color space. I made the lightness follow a curve based on personal preference and edited the hues manually, adding some hue shifting so that lighter colors are warmer and darker colors are cooler. There are no repeat colors, so true black, white, and gray are excluded, everything has a bit of hue.

Here are all the 1200 colors as hex strings, comma separated:

"#0a0809", "#110e0f", "#231d20", "#3d3436", "#5d5153", "#827373", "#a69795", "#c6bab7", "#ded7d4", "#edeae8", "#0c0709", "#140c10", "#271b20", "#423136", "#664d51", "#8d6e6e", "#b1938e", "#ceb7b0", "#e3d5d0", "#f0e9e5", "#0e060a", "#160b11", "#2a1921", "#482e36", "#6e484f", "#97696a", "#bc8e88", "#d6b4aa", "#e8d4cb", "#f3e8e3", "#0f050a", "#180911", "#2e1721", "#4e2a36", "#76434d", "#a26365", "#c68a81", "#ddb1a5", "#ecd2c8", "#f5e7e1", "#11040b", "#1a0812", "#311422", "#532536", "#7e3d4b", "#ac5c60", "#cf847a", "#e4af9f", "#f0d1c4", "#f7e7df", "#13030c", "#1c0613", "#351022", "#582035", "#853649", "#b6545a", "#d97e73", "#ebac99", "#f4d0c0", "#f9e6dd", "#14020c", "#1e0413", "#380b23", "#5d1935", "#8d2d46", "#bf4a54", "#e2786c", "#f1a993", "#f8cebd", "#fbe6db", "#16010d", "#210214", "#3b0524", "#630f35", "#942044", "#c93d4e", "#eb7164", "#f7a58e", "#fbcdba", "#fde5d9", "#17000d", "#220014", "#3d0224", "#660535", "#9a1142", "#d32b47", "#f4685b", "#fca389", "#feccb7", "#fee5d8", "#17000d", "#220015", "#3e0024", "#670035", "#9e0041", "#dd0040", "#ff5c4f", "#ffa186", "#ffcbb6", "#ffe4d7", "#0b0808", "#120e0e", "#231d1d", "#3d3433", "#5d524e", "#81746e", "#a49990", "#c4bbb3", "#dcd8d2", "#eceae7", "#0d0707", "#140d0d", "#271c1b", "#43322f", "#654f48", "#8a7164", "#ad9685", "#cabaa9", "#e0d7cb", "#eeeae3", "#0e0607", "#170b0c", "#2b1a19", "#482f2b", "#6c4b41", "#926e5b", "#b5937a", "#d1b89f", "#e4d6c4", "#f0eadf", "#100506", "#190a0b", "#2f1717", "#4e2c27", "#73483a", "#9a6a52", "#bd906f", "#d8b694", "#e8d5bd", "#f3e9db", "#120405", "#1b0809", "#321515", "#532923", "#794434", "#a16648", "#c58d63", "#deb489", "#edd4b5", "#f5e9d6", "#140405", "#1d0708", "#361213", "#57251f", "#7f402c", "#a8633d", "#cc8a56", "#e5b27c", "#f1d3ac", "#f7e8d1", "#150304", "#200507", "#390f10", "#5c211a", "#853b24", "#af5e31", "#d38648", "#ecaf6f", "#f6d2a3", "#fae8cc", "#170204", "#220306", "#3c0b0e", "#601c15", "#8a361b", "#b55a23", "#da8337", "#f2ad60", "#fbd199", "#fde7c6", "#180103", "#230105", "#3f060b", "#65140e", "#8f3110", "#ba5613", "#e07f22", "#f9aa4e", "#fed093", "#fee7c3", "#190003", "#250005", "#420008", "#6c0001", "#942b00", "#bd5300", "#e47c00", "#ffa739", "#ffd090", "#ffe7c2", "#0a0807", "#110e0c", "#221e1b", "#3b3530", "#5a534b", "#7d766b", "#a19a8f", "#c1bdb3", "#dbd8d2", "#eceae7", "#0b0805", "#130e0a", "#251e17", "#3e352a", "#5f5243", "#827561", "#a69a83", "#c5bca8", "#ddd8ca", "#edebe2", "#0d0704", "#140d08", "#271d13", "#423425", "#63513b", "#877456", "#ab9977", "#c9bc9c", "#e0d8c2", "#eeebde", "#0e0703", "#150d06", "#291c10", "#44331f", "#665033", "#8b734c", "#b0986a", "#cebb8f", "#e3d8b8", "#f0ebd8", "#0e0702", "#170c04", "#2b1b0c", "#47321a", "#694f2c", "#8f7242", "#b4975e", "#d3ba81", "#e7d8ac", "#f2ebd2", "#0f0602", "#180c03", "#2c1b09", "#493115", "#6c4e25", "#937038", "#b89650", "#d8b971", "#ebd79f", "#f4ebca", "#100601", "#180b02", "#2d1a06", "#4b300f", "#6f4d1d", "#966f2d", "#bd9441", "#ddb85e", "#f0d78f", "#f7ebc1", "#110601", "#190b01", "#2f1a03", "#4c2f09", "#714c14", "#996e20", "#c0932f", "#e2b746", "#f5d67a", "#faeab5", "#110600", "#1a0b00", "#2f1901", "#4e2f04", "#734b09", "#9b6d12", "#c3921b", "#e6b62a", "#fbd562", "#fdeaab", "#110600", "#1a0a00", "#301900", "#4f2e00", "#744b00", "#9d6d00", "#c59100", "#e9b500", "#ffd449", "#ffeaa4", "#090907", "#0f0f0c", "#201f1b", "#373730", "#55554b", "#78786c", "#9c9c90", "#bdbeb3", "#d9d9d2", "#eaebe7", "#090905", "#100f0a", "#202017", "#38372a", "#565643", "#797962", "#9c9d84", "#bebfa9", "#d9dacb", "#ebebe3", "#090904", "#100f07", "#202013", "#383825", "#57563c", "#797a58", "#9d9e78", "#bec09d", "#d9dbc2", "#ebecde", "#090903", "#100f06", "#212010", "#393820", "#585734", "#7a7a4e", "#9e9f6c", "#bfc190", "#dadcb7", "#ebedd8", "#0a0902", "#100f04", "#21200d", "#3a381b", "#58572d", "#7b7b44", "#9fa060", "#c0c282", "#daddaa", "#ebeed0", "#0a0902", "#110f03", "#222009", "#3a3816", "#595726", "#7c7b3a", "#a0a052", "#c1c371", "#dbdf9a", "#ebefc6", "#0a0901", "#110f02", "#222006", "#3a3811", "#59571e", "#7d7b2f", "#a1a143", "#c2c45c", "#dce083", "#ecf0b8", "#0a0901", "#111001", "#222004", "#3b380b", "#5a5716", "#7d7b23", "#a2a130", "#c3c53f", "#dee161", "#edf1a3", "#0a0900", "#111001", "#222002", "#3b3805", "#5a570c", "#7e7b14", "#a3a11b", "#c4c521", "#dfe239", "#eef381", "#0a0900", "#111000", "#232000", "#3c3800", "#5b5700", "#7f7c00", "#a3a200", "#c5c500", "#e0e300", "#f2f600", "#070908", "#0d100d", "#1c201d", "#333833", "#50574f", "#727a6f", "#969e92", "#babfb5", "#d7dad3", "#eaebe7", "#060a07", "#0b100c", "#1a211b", "#2f3a2f", "#4b5949", "#6d7c68", "#92a189", "#b6c1ac", "#d5dbcd", "#e8ece4", "#050a06", "#0a110b", "#172219", "#2c3b2c", "#475b44", "#687f60", "#8da380", "#b2c4a3", "#d2ddc5", "#e7eddf", "#040a06", "#08110a", "#152317", "#283c29", "#435c40", "#638159", "#88a676", "#aec698", "#cfdfbc", "#e6eeda", "#040b05", "#071209", "#132415", "#253d26", "#3e5e3b", "#5e8352", "#83a86c", "#a9c98b", "#cce2b0", "#e4f0d3", "#030b05", "#061208", "#102414", "#223e24", "#3a5f36", "#59854a", "#7eaa61", "#a4cc7c", "#c7e5a1", "#e2f2ca", "#030b04", "#051308", "#0e2513", "#1f3f21", "#366032", "#558643", "#78ad55", "#9ecf6a", "#c1e88d", "#def4be", "#020c04", "#041307", "#0c2511", "#1b401f", "#32622d", "#50883b", "#73af46", "#97d251", "#baed6c", "#daf7ad", "#010c03", "#031306", "#08260f", "#16411b", "#2b6326", "#498a2f", "#6cb133", "#90d533", "#b2f043", "#d4fb94", "#000c03", "#001405", "#00270a", "#00430f", "#076700", "#388d00", "#63b400", "#8cd700", "#aef200", "#ceff73", "#070909", "#0c100f", "#1b201f", "#303937", "#4c5754", "#6d7b75", "#929f98", "#b6c0b9", "#d4dad5", "#e8ebe9", "#050a09", "#0a1010", "#172120", "#2b3a37", "#455a53", "#647e73", "#88a294", "#aec3b5", "#cfddd2", "#e6ede7", "#040a09", "#081110", "#142220", "#263c37", "#3e5c53", "#5c8072", "#7fa691", "#a5c7b1", "#c9dfce", "#e2eee4", "#030a09", "#061110", "#112320", "#213d37", "#375d52", "#538370", "#75a98e", "#9bcaac", "#c2e2c9", "#dff0e1", "#030b0a", "#051210", "#0e2420", "#1d3d37", "#315f52", "#4a856f", "#6aab8b", "#8fcea7", "#b9e6c4", "#daf2de", "#020b0a", "#041210", "#0b2421", "#183e37", "#2a6052", "#41866e", "#5eae89", "#82d1a1", "#adeabd", "#d5f4d9", "#010b0a", "#031211", "#082421", "#133f37", "#246152", "#38886d", "#51b086", "#71d59b", "#9defb4", "#cdf7d4", "#010b0a", "#021211", "#052521", "#0e3f37", "#1c6251", "#2e896c", "#42b383", "#5bd995", "#87f4a8", "#c4fbcd", "#000b0a", "#011311", "#032521", "#084037", "#136251", "#208b6b", "#2eb580", "#3edd8e", "#68fa9c", "#bcfec7", "#000b0a", "#001311", "#002521", "#004137", "#006351", "#008c6a", "#00b77e", "#00e088", "#40ff8f", "#b8ffc5", "#07090a", "#0c0f11", "#1b2022", "#30383a", "#4b5759", "#6c7a7b", "#909f9d", "#b4c0bd", "#d3dbd8", "#e7ecea", "#05090b", "#0a1013", "#172125", "#2a393e", "#43595c", "#617d7e", "#84a29f", "#aac4bd", "#ccddd7", "#e4ede9", "#04090d", "#081014", "#142127", "#253a40", "#3c5a5f", "#587f80", "#79a5a1", "#9fc7bd", "#c4e0d6", "#e0efe8", "#030a0e", "#061115", "#102228", "#203b42", "#345c62", "#4e8183", "#6da8a2", "#93cabe", "#bbe3d5", "#dbf1e7", "#030a0f", "#051117", "#0d222a", "#1b3c44", "#2d5d64", "#448385", "#61aaa4", "#85cdbe", "#b0e6d4", "#d5f3e6", "#020a0f", "#031118", "#0a232b", "#163c46", "#265e65", "#3b8486", "#55aca5", "#76d1be", "#a1ead2", "#cef5e4", "#010a10", "#021118", "#07232c", "#113d47", "#1f5e67", "#308588", "#46aea6", "#63d4be", "#8eefd1", "#c5f8e2", "#010a11", "#011119", "#04232d", "#0b3d49", "#175f68", "#258689", "#36b0a7", "#4ad7be", "#73f4cf", "#b8fce0", "#000a11", "#01111a", "#02232e", "#053d4a", "#0d5f6a", "#17878b", "#21b1a8", "#2dd9bf", "#4ef9cd", "#b0fede", "#000a11", "#00111a", "#00232f", "#003e4a", "#00606b", "#00888c", "#00b2a9", "#00dbbf", "#00fccb", "#adffde", "#07090b", "#0d0f12", "#1c1f23", "#32373d", "#4d565c", "#6d797f", "#909ea2", "#b3c0c2", "#d2dadb", "#e7ecec", "#06090d", "#0b0f15", "#192028", "#2d3842", "#455763", "#637b87", "#84a1a9", "#a9c2c7", "#cbddde", "#e3eded", "#05090f", "#0a0f17", "#16202c", "#283848", "#3e5869", "#597d8d", "#79a3af", "#9dc5cc", "#c3dfe1", "#deeeee", "#040811", "#080f1a", "#13202f", "#23394c", "#37596f", "#507e93", "#6da5b5", "#92c8d1", "#bae1e4", "#d9f0f0", "#040813", "#060f1d", "#102033", "#1e3951", "#305974", "#467f98", "#61a7ba", "#84cad6", "#b0e4e8", "#d4f1f2", "#030816", "#050f1f", "#0c2037", "#183955", "#285a78", "#3c809d", "#54a8bf", "#76cddb", "#a4e6eb", "#cdf3f4", "#020818", "#040e22", "#091f3a", "#123959", "#205a7c", "#3181a1", "#46aac4", "#65cfe0", "#96e9ef", "#c6f5f6", "#01081a", "#020e24", "#051f3d", "#0b395c", "#165b80", "#2482a5", "#35abc8", "#4fd1e4", "#85ecf4", "#bdf7f8", "#01071c", "#010d27", "#021f40", "#04395f", "#0a5b83", "#1482a8", "#20accb", "#34d3e9", "#6deff9", "#b1fafb", "#00061f", "#000d2a", "#001e42", "#003961", "#005b84", "#0083aa", "#00adce", "#00d4ec", "#40f3ff", "#a1fdff", "#08080b", "#0e0f12", "#1d1f24", "#33363e", "#50555e", "#707883", "#939ca7", "#b6bec6", "#d4d9de", "#e8ebed", "#07080d", "#0d0f15", "#1c1f29", "#303645", "#4b5568", "#69788e", "#8c9db2", "#b0bfce", "#d0dae3", "#e6ebf0", "#070810", "#0c0e18", "#1a1e2e", "#2d364c", "#455571", "#627899", "#849ebc", "#aac0d6", "#ccdbe8", "#e3ecf3", "#060812", "#0b0e1c", "#181e33", "#2a3553", "#40547b", "#5a78a4", "#7c9ec6", "#a4c1dd", "#c8dbec", "#e1ecf5", "#050715", "#0a0d1f", "#161d38", "#26345b", "#3a5385", "#5278af", "#749ed0", "#9ec1e4", "#c5dcf0", "#e0edf7", "#050718", "#090c23", "#141c3e", "#233363", "#34528f", "#4a77ba", "#6b9fda", "#98c2eb", "#c1dcf4", "#deedf9", "#04061b", "#080b27", "#121a43", "#1f316b", "#2d5099", "#4076c5", "#639fe3", "#92c2f1", "#beddf8", "#dcedfb", "#04051e", "#070a2b", "#11184a", "#1c2f74", "#264ea4", "#3675d0", "#599eed", "#8cc2f7", "#bbddfb", "#dbedfd", "#040423", "#070730", "#0f1452", "#172a80", "#1c4bb2", "#2773dd", "#4f9ef6", "#88c3fc", "#b9ddfe", "#d9eefe", "#04002b", "#07003c", "#0f0066", "#1300a7", "#003fce", "#006fef", "#439dff", "#85c3ff", "#b7deff", "#d9eeff", "#08080b", "#0e0f12", "#1e1e24", "#36363d", "#53535e", "#767582", "#9a99a6", "#bcbcc6", "#d8d8de", "#eaeaed", "#08080d", "#0e0e15", "#1e1e28", "#353544", "#535268", "#75748e", "#9a98b1", "#bcbace", "#d8d7e3", "#eaeaf0", "#080810", "#0e0e18", "#1e1d2d", "#34334c", "#525072", "#75719a", "#9996bc", "#bcb9d6", "#d8d6e8", "#eae9f3", "#080712", "#0e0d1c", "#1d1c33", "#343154", "#524d7d", "#746fa7", "#9994c7", "#bcb8de", "#d8d5ec", "#eae9f5", "#070615", "#0d0c1f", "#1d1a38", "#342f5c", "#514a89", "#746bb4", "#9991d2", "#bcb6e5", "#d8d5f0", "#eae9f7", "#070618", "#0d0a23", "#1d183e", "#342c66", "#524695", "#7467c2", "#998fdd", "#bcb5ec", "#d8d4f4", "#eae8f9", "#07051b", "#0d0927", "#1d1545", "#34286f", "#5240a3", "#7562d1", "#998ce8", "#bcb4f2", "#d8d4f8", "#eae8fb", "#08041f", "#0e072c", "#1e114c", "#35217a", "#5437b2", "#765ae1", "#9988f3", "#bcb2f9", "#d8d3fb", "#eae8fd", "#080223", "#0e0431", "#1e0a54", "#361786", "#5629c3", "#7851f1", "#9a86fb", "#bcb1fd", "#d8d2fe", "#eae7fe", "#080027", "#0f0036", "#20005c", "#380092", "#5900d7", "#7947ff", "#9a84ff", "#bcb1ff", "#d8d2ff", "#eae7ff", "#09080a", "#100e11", "#201e23", "#39353c", "#58525b", "#7c747f", "#a197a2", "#c2bac2", "#dcd6dc", "#ece9ec", "#0a070c", "#110d14", "#221c26", "#3b3341", "#5c4f62", "#817087", "#a794aa", "#c7b7c8", "#dfd5df", "#eee8ee", "#0a070e", "#120c16", "#241b2a", "#3e3047", "#604b6a", "#876b90", "#ad8fb2", "#ccb4ce", "#e2d3e2", "#f0e7ef", "#0b0610", "#130b19", "#25192e", "#412d4d", "#644772", "#8d6699", "#b38abb", "#d1b0d3", "#e6d1e6", "#f2e6f1", "#0c0512", "#140a1c", "#271733", "#442953", "#69427a", "#9360a3", "#ba85c4", "#d6add9", "#e9cfe9", "#f3e6f3", "#0d0415", "#15081f", "#291437", "#47255a", "#6e3b83", "#9a57ae", "#c07ecd", "#dba9df", "#eccdec", "#f5e5f4", "#0e0317", "#160622", "#2b103c", "#4a1f61", "#73328d", "#a14db9", "#c776d7", "#e0a5e5", "#efcbef", "#f6e4f6", "#0f021a", "#180325", "#2d0a41", "#4e1568", "#792598", "#a83ec6", "#cf6de1", "#e5a0eb", "#f2c9f2", "#f8e3f7", "#10011c", "#190128", "#2f0445", "#510a6e", "#7d14a0", "#af29d2", "#d75fee", "#eb9af3", "#f6c6f7", "#fae2f9", "#10001d", "#19002a", "#300048", "#520072", "#7f00a5", "#b500dc", "#e346ff", "#f590ff", "#fec0ff", "#ffdffe", "#0a080a", "#110e10", "#221d21", "#3b3439", "#5c5157", "#807379", "#a5979c", "#c5b9bc", "#ded6d8", "#ede9ea", "#0b070b", "#120d12", "#251c23", "#40313c", "#634d5a", "#8a6e7b", "#b0929d", "#ceb6bc", "#e3d4d7", "#f0e8e9", "#0c060c", "#140b13", "#281a26", "#452e3f", "#6a485d", "#93687e", "#ba8c9e", "#d5b2bc", "#e8d2d7", "#f3e7e9", "#0e050d", "#160a15", "#2b1728", "#492a42", "#714360", "#9d6180", "#c4869f", "#ddaebc", "#ecd0d6", "#f5e6e9", "#0f040f", "#180817", "#2e142a", "#4e2645", "#783d63", "#a65a83", "#ce7fa0", "#e4abbb", "#f0ced5", "#f7e5e8", "#110310", "#1a0619", "#31112d", "#532048", "#7f3567", "#b05085", "#d877a1", "#eba7bb", "#f4cdd5", "#f9e5e8", "#120212", "#1c041b", "#340c30", "#58194b", "#862b6a", "#ba4388", "#e26ea2", "#f1a2bb", "#f8cbd5", "#fbe4e8", "#140113", "#1e021d", "#370532", "#5d0e4f", "#8e1b6e", "#c5318b", "#ed63a3", "#f89ebb", "#fbc9d4", "#fde3e7", "#140014", "#1f011e", "#390234", "#5f0451", "#920a70", "#cc1c8e", "#f756a4", "#fc9bba", "#fec8d4", "#fee2e7", "#150015", "#1f001e", "#390035", "#600052", "#940071", "#d1008f", "#ff48a5", "#ff99ba", "#ffc7d4", "#ffe2e7"

To index the array, choose a hue (0, 100, 200, ..., 1100), saturation (0, 10, 20, ..., 90) and lightness (0, 1, 2, ..., 9) and add them together. Because hue naturally wraps around, it makes sense to add modulo 1200 - then you can use any positive integer. const col_to_hex = (h, s, l) => lut[(h * 100 + s * 10 + l) % 1200];

a form editor (for tabletop roleplaying games)

Also in December 2024, I returned to a personal project from a while ago I use almost every week on my tablet: an interactive HTML form for D&D character sheets generated and saved as a JSON format containing both the UI structure and the contents. This time, I'm using my own simple syntax that is easier to edit and read directly, because there is barely any nesting. So I added an input to edit it directly on the site, modifying the fields - and it gets updated the other way round too.

Missing so far, and in my mind pretty crucial, is something like Excel formulas, values referencing other values and doing math on them. If I add that, the project will probably get it's own page on this site. It also has some bugs right now, but can be tried here.

on my personal branding

My logo features spiral elements, which share their origin with the multiline-maker project. I made the simple observation that if you cut concentric circles, such as in a multiline typeface, in half and shift one half over, you get something close to a spiral. Now the spiral feels more meaningful, and I found a glyph that looks like a spiral I use on the site.

It's the Cham script punctuation character ꩜, which marks the beginning of a section. As a start to my personal website, it felt fitting!

about this site

There's not a lot going on - this website consists of a few HTML files, a style.css and few SVGs/ images. I tried making a personal site many times using all sorts of frameworks, but this is first time it went smoothly. The various projects I link to heavily rely on javascript since they are editor tools or games. Just like this site, everything is on Github Pages right now, which is simply what I am used to - and free.

You might notice that images are sparingly used. In particular, I am considering adding video embeds that show off the projects I link to, but that will be some work I should get to in the future.