#websafe colors

[codeandcanvas]

Hello friend.

Drew this skull yesterday as a cool down drawing in Procreate, and today I went back to it, to push it more towards to what I want.

I have color processed it in Affinity Designer, and then exported it from there as gifs using the websafe palette, using 16 colors as a personal goal.

After having spent a few weeks on researching, I enjoyed making these as a proof of what I am currently looking for in my design: a lower density in detail, overall.

And I am looking for a pixelated look, like the ones above.

Yesterday, I was annoyed with how limited Photoshop for iPads is in terms of how much control I have over image compression during export and filetypes to export to (even had a few more caustic words for that), but today I realized that I can make do with Affinity Designer. It is a long shot away from the control I am used to, while the latter is also really far away from, say, ImageMagick’s capabilities (which I will test more when having a command line in front of me again). I obviously use what I have, but you won’t see me glorifying a make-do much.

I have a tendency to make drawings face to the left; that way, they seem to be facing me, like someone in front of me, if that makes sense to you. I flipped the skull for a couple of socials, added the first word that came to my mind, as sort of double-homage to both White Wolf RPGs and @plastiboo

Enjoy this image compression of which we see so very few. This looks like a lot of fun coming my way.

[xiaokuer-schmetterling]

psa--pls use neurodivergent / dyslexia friendly fonts and high contrast text vs background color choices for low-vision fans interacting with your fanworks!

aka: making your podfic cover art and / or gifsets & text post memes more widely accessible and viewer friendly

okay, hey, hi! thanks-in-advance for reading this long post (lol or skipping to the tldr) ₍^. .^₎Ⳋ ⸜(｡˃ ᵕ ˂ )⸝♡

first of all! i made a canva poster about what fonts *i personally* consider to be neurodivergent / dyslexia friendly and it also has examples of text vs immediately surrounding background color choices with luminosity contrast ratios that meet minimum WCAG standards for low-vision web users

so! what do i think makes a font family "neurodivergent / dyslexia friendly" and / or accessible to low-vision persons?

it passes the tests of: no-exact-mirror-letters [ b d p q ] and distinguishable-vertical-bar-characters [ 1 I l i ]

and also very importantly: i find it aesthetically tolerable at least lol

-----

[alt text for the screenshot below reads "a poster designed on canva.com about this tumblr user's personally suggested font choices to make your arts / podfic covers / gifsets / text post memes etc more accessible to fandom friends with low vision / dyslexia / neurodivergent visual processing issues"]

-----

some context:

so while i was working on research (motivated by @flamingwell 's post) about ways to make my podfics accessible for hearing-impaired fandom friends, i got to thinking about how i often struggle to read lovingly made podfic covers and painstakingly created fandom-themed gifsets and text post memes here on our beloved hellsite. and so i was inspired to try and raise awareness amongst the podficcers making cover arts and the magicians making gifsets & memes! about webdesign standards regarding visual accessibility

btw! if you're tracking this, my research and experimentation with how i personally can make my podfics more accessible to those with biomechanical and/or neurological hearing challenges is still in progress, but you can read more about what i've learned so far here!

==========

some links:

-----

my preferred browser-based tools for choosing font vs bkgd colors

https://colorable.jxnblk.com (free, no ads)

https://www.audioeye.com/color-contrast-checker (free, few ads)

https://www.canva.com/colors/color-wheel (no account needed)

-----

this tool simulates colorblindness on png/jpeg images

https://www.vischeck.com/vischeck/vischeckImage.php

==========

okay so! if you don't want to interact with the poster just now, or if you would like to be able to c&p an exact font name for your own use! here's a plain text list of all the fonts referenced as being low-vision / neurodivergent / dyslexia friendly in my opinion & based on my lived experiences on my poster. continues below the cut

(ps as of the day of posting--2025.06.01--all of these fonts are available with a free account on canva.com for visual design projects)

my suggested body text aka 'plain' fonts

ABeeZee

Amaranth

Belgrano

Nexa Slab

honorable mention

Alice

Andika

BIZ UDPMincho

Cooper BT

Droid Serif

Duru Sans

(Atkinson) Hyperlegible

Marmelad

Merriweather

Monradok

Moonjelly

PT Serif

Quando

Tirosh

my suggested header text aka 'fancy' fonts

Black Ops One

Playwrite US Modern

Vast Shadow

honorable mention

Apple Juice

Bree Serif

Carollo Playscript

Comfortaa

Kurale

Lobster Two

Soft Icecream

Special Elite

my suggested websafe fonts (boring fallback choices lol)

Cambria/Caladea

Comic Sans

Courier New

Georgia

Verdana

Times New Roman/Tinos

-----

TLDR--what i am asking for people to do when designing podfic covers and gifsets (well. really any artwork with a text overlay on an image) is to choose font color and immediately surrounding background color that have a high contrast ratio (3:1 min for headers and 4.5:1 min for smaller fonts) AND to use dyslexia friendly fonts. pretty pretty please!

and in conclusion: OPEN DYSLEXIC IS AN UGLY FONT AND A DIRTY LIE AND I HATE IT SO MUCH PLS DON'T USE IT orz I BEG YOU--YOU HAVE BETTER OPTIONS. SO. MANY. BETTER. OPTIONS

-----

end post

[beesmygod]

if you were making a syllabus for a comics class, besides the obvious (homestuck, hark a vagrant, a comic from KC green, a comic from ONE), what comics would you say best represent webcomics as a medium/ are needed to represent the medium? I always liked your hitmen for destiny rec and was wondering if you knew anything else like that

if we're talking about representations of the format rather than just examples of good comics, i think the choices would be really different. for one thing i would cut hark a vagrant and kc green comics since, while both good, they "operate" more or less the same as print comics and utilize the internet primarily as a means of distribution rather than incorporating it into the creation process (beyond making colors websafe, when applicable)

as a lowbrow example, jerkcity (or whatever its called now) is a purely web-based creation. the scripts are private chats dumped into microsoft comic chat and generated from pre-made software assets. im not a fan personally, but there are xkcd comics that make conscious use of the web-medium/infinite canvas to create comics that can literally only exist in a web format (homestuck is the same, but on a massive scale which would make it hard to teach in this scenario). bouletcorp (english website dead? huge loss imo) featured quite a few comics that took advantage of readers needing to scroll in order to obtain more information. e.m. carroll's horror works capitalized on the use of scroll and click to induce tension in the reader. dinosaur comics managing to squeeze decades of comedic juice out of clip art dinosaurs arranged in the same layout every day.

i feel like a class about webcomics should be about the comics that differentiate it from the print medium, if that makes sense. manhua would also fit into this but i would choose cutbu as the example bc i love cutbu comics lol. they came back last year just so everyone knows. with a comic called 28th century superfan

[emziess]

hi emz hope you are good :) I love seeing your gif sets on my timeline they are so beautiful!!! if you were still taking requests for the color palette meme could I request lucy donato & websafe blueberry melt 🫶🏻

thank you for the kind words on my gifs, it's always nice to hear people like what i make. Of course! Hopefully we see Lucy in S9 so we can have more scenes of her! Here is the gifset, I hope you like it.

[the-compressor]

Compressed!

643KB -> 62KB ( 10% )

[peri-requiem]

I might edit the look of my blog’s theme soon, now that I know about websafe colors and fonts

[whimsy-flags]

So this is a bit new! Here are some flags I made, with absolutely no purpose, or meaning behind them! And, if you wanna use them for your flagless identity, go right ahead!

These are totally free to use!

[codeandcanvas]

Starting to dig into dots and points deeper led to the writing of Wassily Kandinsky. Inspired by his observations on the dot on a background, I went and made a few variations with two dots, and observed myself how and what kinds of tensions I could build. I again decided on compressing these images down (after a really shocking amount of data has been used up by my iPad’s really useless sync options, this feels like I am actually stupid for compressing at all; had to turn off what I hope is most of this nonsense, but will keep an eye on that mess: 1.5gb just happening in the background is just wrong).

The grid is three rows, top row is naïvely positioning the second dot, middle row is using golden ratios as guides, bottom row is golden ratios but more organically placed:

Working with the iPad has been a struggle the last hour, but I am working through my ire, for the benefit of myself and my studies: and I am glad that something I picked up from Kandinsky’s “Punkt und Linie” worked out just right using compression: the dots are not numerically perfect circles (because they were in Adobe Illustrator, and I did think of being a fiend and asking people if they can tell which of two overlapping circles was a little less perfect), because, even according to him, absolutes do not exist in nature.

Absolutes don’t exist at all.

This was much more satisfying than I could expect. I am glad I understood that I don’t understand dots at all. I am looking forward to spending more time with putting dots in places.

One odd thing I will need to revisit in the future: while trying to export using websafe colors again, there was an unexpected dithering going from roughly the left bottom up to the middle and then to the right side, tied to the resampling type. Let me show you what I mean:

bilinear

bicubic

lanzcos (separable)

Interesting, right? Not much, not very, just a little. A yin amount of it, if you will.

[dawnshadowx3]

I love the new flag, and was very glad for an update from the old one -

H O W E V E R

This lil’ factoid for the original flag will make me forever love the original design.

The original polyamorous flag was created by Jim Evans in 1995. He made it in Microsoft Paint using websafe colors. (The pi symbol) was one of the few symbols available to Evans in Microsoft Paint.

Thank you Jim Evans, for your programmer art contribution to the community. 💙❤️🖤

source

i was gonna make a post like "this pride month, pour one out for the polyam folks for having the worst flag"

(and like, i know theres been a bunch of flags, but this is the one i've seen the most)

however! when i went to google the polyam flag, i found this website, where they apparently held a vote for a new flag that accurately represented the community (and, presumably, didn't look like absolute dogshit), and they apparently settled on this one!

i hadn't seen it before, but I think it looks really nice and if you check their website, it seems like they have good reasoning/backing/community support, so I really hope I see it around more!!!

[awfulkiwi]

oghh.... i was in the squiddy mood

[frogwhomp]

I made some pantone and websafe versions of the Black Specific gender identity flags i made for those who have trouble deciphering colors hopefully these will be easier to see!

[fatalfuries]

unkei2 theme by snake | code (raw)

my windows 98 theme, remastered with actual buttons and a few other things. no rights reserved. features under the cut.

websafe fonts + the entire google font library + my fonts

custom font size

custom links, title, and description

images for favicon / background / avatar

colors for background / links / titlebar gradient

background image size / repeat / attachment

text alignment of description

no.js photosets by annasthms and espoirthemes

npf photo fix by glenthemes

responsive iframes by nouvae

[anonymous-red-shades]

Couldn't find the Aztec Warrior color. Found the Vampire Love Story one though

Someone tell me what are these color names 😭

[delgado-master]

I think I’m going to experiment with pixel art in “websafe” colors sometime

[genderqueerpositivity]

Alternative versions of the aroflux and aceflux flags!

I don't know, I just wanted a less eye-strainy version of an aroflux flag for myself.

I wanted to add gray, as it's in both the aro and ace flags and represents the gray area of both spectrums. I also wanted the aroflux flag to not look like the abrosexual flag (which, it did in my earlier edits, that also included a white stripe near the gray, so I did away with the white stripe).

A gradient seems like a good way to represent the "flux" aspect of the identity, and the original flags are a gradient so I wanted to keep that element. But I also wanted websafe colors that would be easier to reproduce for art and such.

So this is what I eventually came up with!

[youichi-kuramochi]

hi! i've had issues with things uploading super red in the past as well and i found that after you color, it help to go to edit->convert to profile and change the profile to sRGB IEC61966-2.1 i think it converts the colors to websafe colors or something. i do it at the end since it merges all the layers. hope this helps

omg I’m so late responding to this I’m sorry but THANK YOU ur a lifesaver!! def gonna try this