Tags: colour

38

sparkline

Programming Design Systems

This is a really intriguing book that combines design theory and programming—learn about contrast, colour, and shapes, with each lesson supported by code examples.

It’s still a work in progress but the whole thing is online for free. Yay for web books!

Stark

A plug-in for Sketch that allows you to simulate colour blindnesses and check colour contrasts.

Color fonts! WTF? 🌈

I only just wrapped my head around the idea of variable fonts and now here’s colour fonts to really mess with my mind.

It’s Nice That | A new national identity: SmörgĂ„sbord Studio rebrands Wales

SmörgÄsbord Studio created a design system for the Welsh government, including the typeface Cymru Wales Sans from Colophon.

The accompanying video lists the design principles:

  • Elevate our status
  • Surprise & inspire
  • Change perceptions
  • Do good things
  • Be unmistakably Wales

How the Web Became Unreadable

Kevin writes a plea on Ev’s blog for better contrast in web typography:

When you build a site and ignore what happens afterwards — when the values entered in code are translated into brightness and contrast depending on the settings of a physical screen — you’re avoiding the experience that you create. And when you design in perfect settings, with big, contrast-rich monitors, you blind yourself to users. To arbitrarily throw away contrast based on a fashion that “looks good on my perfect screen in my perfectly lit office” is abdicating designers’ responsibilities to the very people for whom they are designing.

Chromelens

A handy Chrome extension to simulate different kinds of visual impairment.

Color Safe - accessible web color combinations

A nice tool for choosing colour palettes that look good and are also accessible.

LOL Colors - Curated color palette inspiration

Here, have some colour palettes.

What colour is it?

This is quite beautiful in its simplicity: the hexadecimal colour value of the current time.

Swatch you doing?

A cute and fun way to put together a colour palette.

Flickr: ugordan’s Photostream

Gorgeous colour-processed images from NASA probes. I could stare at the fountains of Enceladus all day.

We are Colorblind

A really nice site dedicated entirely to making the web a better place for the colourblind.

Style Tiles

Samantha put together this handy one-page site to explain Style Tiles as part of her South by Southwest presentation.

Lexadecimal

Hexadecimal colours and their corresponding dictionary definitions. Cute.

Dribbble - My Secret for Color Schemes by Erica Schoonmaker

A very useful tip for creating cohesive colour palettes.

0to255

A cute little tool to help refine colour palettes.

Evening edition - Bobulate

A lovely idea, nicely implemented: time-conditional CSS.

Pictaculous - A Color Palette Generator (courtesy of MailChimp)

A handy tool for generating colour palettes from images.

Color Survey Results « xkcd

The wonderfully detailed analysis of a colour questionnaire.

Color Picker — RaphaĂ«l

A very nice colour picker from the brilliant Dmitry Baranovskiy.