This blog has been moved to the Kinopio Blog Space to make it easier and funner to update. Future updates will be posted there.

Color Swatch Cards

If a card is named as a color – like pink or #5e978b – then it'll become that color.

This can be really helpful for moodboards, where sampled colors can be listed right next to image inspirations.

(Supports all color formats, including HEX, RGB, HSL, and CSS names)

Implementation Notes

The idea for this feature came to me while making a moodboard for the upcoming dark theme, it felt natural to sample colors from image cards (using a native app), and then paste those colors right next to the original card.

Implementation-wise, I'm using the colord library to determine when a card name is a color.